AutoLayout и компоненты в Фигме: как настраивать графики
HTML-код
- Опубликовано: 4 фев 2023
- #alexeybychkov #ityoutubersru #figma
Показал несколько вариантов, как настраивать графики используя компоненты и AutoLayout
Карта канала - start.video
Файл исходник из ролика: www.figma.com/file/zVK2C4VXXd...
Файл со скриншотами для насмотренности: boosty.to/alexeybychkov/posts...
RUclips - / @alexeybychkov_
ТикТок - / alexeybychkov_
Rutube - rutube.ru/channel/24298564/
Дзен - zen.yandex.ru/alexeybychkov
Инстаграм - / alexeybychkov_
Телеграм - t.me/a1exeybychkov
Вконтакте - alexeybychkov
Обучение - alexeybychkov.study/
Мои цитаты - zapi.si/
Мои 404 - www.404.gallery/
Хелп по Фигме - figma.help/
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 38 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov.com/about/
17 лет опыта - alexeybychkov.com/experience/
Пишу - alexeybychkov.com/blog/
Дизайню - alexeybychkov.com/cases/
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Пользуйтесь фиолетовым! и картой канала пользуйтесь! start.video
💯
Карта канала это просто топ, всем рекомендую туда сходить на чай, уверяю, останетесь на долго и одним чаем не отделаетесь 🔥
Виолетовым!😁
Здорово) как всегда четко и по делу)
Ролики Алексея учат не только правильно использовать АЛ, но и другим полезностям. Вчера раза 3-4 смотрел, пытался сделать, но не повторять за тобой, а посмотреть и сделать самому. Ну никак не получалось, один раз сделал, но сам не понял как, поэтому решил еще раз заново собрать и опять не получилось. Сегодня сел и с первого раза все собрал. Понял, что важно не только вжобывать, но и давать головушке немного отдыхать, даже если кажется, что никаких существенных нагрузок не получил. Спасибо Леха, польза в каждом ролике.
Круто) да, надо кнопки нажимать!
Ух, нужно много раз проделать показанное в уроке, чтобы запомнить оба способа настройки графиков и в нужный момент не растеряться 😄 Спасибо, Лёша!
Спасибо за просмотр)
Можно ещё проще сделать. Создаём один прямоугольник (фиолетовый), обворачиваем его в автолейаут, делаем зелёную заливку. Фиолетовый прямоугольник - fill container, значения (цифры) добавляем абсолютным позиционированием, играемся правым отступом, всё. В итоге слоёв меньше, и нету манипуляций с зелёным прямоугольником как на видео.
ага можно и так
Посмотрела видео, как на китайском, почитала комменты, еще грустнее стало, все такие крутыши, всем все понятно 💪🏻 одна я не въезжаю 🤔 Леш, тебе конечно же огроменное спасибо ❤ пойду пересматривать мильонпятьсот раз, пока не пойму 🤔
кнопки понажимаешь и начнет получаться!
Тот самый случай, когда видосов про AutoLayout много не бывает😁👍🏻 С твоими разъяснениями всё становится понятно и просто😍
ну классно)
Я категорично заявляю - это самый годный контент на Ютуб. Особенно подача ❤️
рад, что нравится! ♥️
Ух какая магия!
Алексей, спасибо вам большое! У меня раньше автолейауты и компоненты приступы паники вызывали. Теперь же вполне уверенно себя с ними чувствую, хотя бывает еще местами туплю, но быстро исправляюсь. А все благодаря вашим роликам! Я наконец-то поняла логику работы, а дальше нужно только воображение, чтобы придумать как использовать инструменты, чтобы получилось то, что нужно. Огромное спасибо! Вы просто невероятно прокачали мои навыки в фигме!
отличные новости)
Алексей, спасибо, что поделился двумя классными способами создания графиков!
Ну а третий в стиле "чик-чирик" нужно постараться забыть и не вспоминать теперь, от греха подальше😅
пожалуйста!
очень залипательно эти графики перетягивать, когда настроишь😅 спасибо!
пожалуйста!
Что ни ролик - то в подборку сохраняю! Годнота! И отдельный лайк ❤
отличные новости)
Ааахаха, третий способ - огонь огненный😂🔥
Спасибо за полезный контент и хорошее настроение👍
пожалуйста)
А дубли в конце, наверное, мое любимое во всех видео)😂😂😂
❤️😅🤭
Спасибо, все очень просто, когда наблюдаешь, как работает профессионал и повторяешь за ним 👍
Спасибо за просмотр)
Очень интересно, прям магия какая-то)) Пока нелегко, перематываю, пробую снова и снова! Спасибо за материал!
Спасибо за просмотр)
Леша, спасибо за ролик! Чувствую, что буду его еще пересматривать и пересматривать, так как все логично и понятно, но в голове пока не все укладывается.
Спасибо за просмотр)
Спасибо за классный ролик, не зря весь день ждал 🔥 Жаль правда что короткий, но к счастью на канале еще столько непросмотренной годноты 😍
Спасибо за просмотр)
Так нравятся ваши ролики, подача замечательная и объясняете подробно что-где-куда нажимать, спасибо!))
рад, что нравится!
Как играючи такие хитрые штуки ты делаешь, тоже так хочется) Приятно под твои ролики нажимать кнопки, спасибо! 🔥
Дело практики)
На самом деле это все так удобно и просто, что трудно представить само существование людей, которые этим не пользуются 😢
в ютубе каждый второй "учител" учит большую аудиторию работать в фигме и при это не пользуется ни компонентами, ни вариантами, ни автолейаутом
@@alexeybychkov_ а что там тогда остается, кроме этого? чему учить-то? )
@@oprotonoo как криво поставить 2-3 направляющие и рассказывать, что сетка для наркоманов))
Печатать линии - это гениально)) Спасибо! Столько всего полезного узнала здесь о Фигме 🎉
))
6:16 мое почтение, самое понятное объяснение которое только могло быть 🔥
супер)
Лучший контент по веб-дизайну, который я встречала!
Супер
Офигеть, а так можно было что ли) Спасибо, Лёш, очень полезно!
пожалуйста!
У этого графика день получился интересней чем у меня, столько с ним успело случиться😄
😂
🤣🤣
Леша, это какая-то магия магическая 🔮 Мне очень нравится в твоих видео, что ты очень понятно и доступно объясняешь логику своих действий. Спасибо!
Вот и замечательно)
Единственный фокусник, который удивляет!😄 Спасибо!
🎩
Спасибо, Алексей. Вы и Ваш канал находка. Полезная инфа
спасибо за подписку!
Привет, Лёша! Обожаю , как ты рассказываешь " тонкости" Автолояута 👍👍👍 спасибо за ролик!
привет. рад, что нравится!
Спасибо за классный лайфхаки. Обычно просто так до такого руки не доходят, а тут сколько годноты. Быстро, понятно и с классными примерами. Лайк=))👍👍👍👍👍👍👍👍👍👍
супер) спасибо!
Как приятно начать понедельник с нового видео от тебя, как в старые добрые времена. Я очень люблю эту традицию, но еще больше мне нравится полезный контент🤗🔥
рад, что нравится! 🎉
Очень полезный ролик) Сколько раз меня уже выручали твои ролики и что самое интересное, как только у меня возникает проблема, через какое-то недолгое время у тебя появляется ролик на эту тему 😄❤🔥
рад, что полезно
Ваааай, какой ролик подъехал 😍 срочно бегу смотреть пока есть время 🥳🔥
да! :)
04:12, ух ты)) здорово) посмотрела и надо срочно повторить 😁 но после просмотра ролика))
отличный план!
Спасибо за ролик! Круто, что видосы не поверхностные, затрагиваются сложные темы, но на понятном языке для таких как я!!😃😃😃😃
вот и замечательно)
В очередной раз спасибо большое!
думала, что будет сложное для понимания видео, откладывала, чтобы сесть и основательно посмотреть, но оказалось... все очень понятно) спасибо)
"напечатали линию")) хи-хи)))😂
😀 пожалуйста!
Сложно это в голове с первого раза уложить, но круто что есть такие возможности и без костылей)
надо кнопки понажимать и дело пойдет)
Магия на 9-ой минуте🤩🔥 Пересмотрела несколько раз😂
🎩
Спасибо за понятное объяснение, пошла пробовать 🎉
Лёша, без твоих роликов дизайнить вообще никак 😅
отличный план)
Лучший подарок на день рожденья❤ спасибо Алексей💪🏻💪🏻💪🏻
круто) поздравляю с Днем рождения! 🥳
Спасибо большое)) обязательно попрактикуюсь сегодня))) ❤️ супер ролик 🤗
пожалуйста! супер
Дякую,з твоїми поясненнями автолейаут і справді здається чимось легким)
супер)
Подача информации на высшем уровне.👌
рад, что нравится!
Потрясно! Это как раз то, что я искал. Спасибо)
супер)
Спасибо за полезный и нескучный контент😍🔥🔥🔥
пожалуйста!
Лёша, спасибо за ролик, как всегда всё быстро и понятно) Отдаю сердечко способу номер три! Шуууутка, конечно, второму, на автолейаутах ❤
Спасибо за просмотр)
Учимся по твоим роликам👍🔥 спасибо за видос)
отличные новости)
Лёша, спасибо за то, что ты делаешь!! Я еще не очень умею в автолейаутах и компонентах, для меня это взрыв мозга , но пойду пробовать 😅
История: Зашла недавно на интенсив по юхуй (не буду говорить у какой школы), тааам такому учили - картинки в компонентах менять через добавление всех картинок в мастер и скрывать слои - я думала такому уже не учат !!!😮 Но я подкованная - твои ролики смотрю и не повелась на их дичь!!! Спасибо за такой полезный контент 🫶🏻
пожалуйста) рад, что полезно
Классно! Я сначала чет тупил, привязки не показывались и другие проблемы были, короче не получалось. А потом все получилось! Супер, спасибо
Спасибо за просмотр)
Как всегда, понятно и доступно, а главное актуально.
Супер)
Как всегда интересно и полезно 🔥 спасибо 💚
Ну класс
Спасибо за полезную информацию! Данная тема всегда в топе моих любимых)
Спасибо за просмотр)
Как всегда познавательно, спасибо!
пожалуйста)
Это реальное волшебство ! раньше терпеть не могла компаненты ( я не понимала что с ними делают) а щас прям начинаю любить уже !
спасибо за такие интересные ролики !
супер) Спасибо за просмотр)
я смотрела, пересматривала и нажимала кнопки два дня подряд! но я поняла, забетонировала в памяти и отточила пальцыспасибо, Леша!
Спасибо за просмотр)
Чутка с опозданием)) Смотрел с удовольствием, спасибо за полезности)))
Спасибо за просмотр)
Ура, новый классный ролик!🔥
да!
Это бомба! Как раз графики рисую :) у меня правда 6 разных данных в строке, пойду играться :)
🎉🤭
Фил Хуг! Спасибо за видео. 🔥🔥🔥
Благодаря тебе улучшается не только стат интеллекта, но и эстетический вкус!)
Фил Хуг!
Дякую! Як завжди топ контент 💪✊
пожалуйста!
Спасибо за такой мельчайший разбор, всегда понятно и просто становится после твоих видео🔥 Очень полезная информация, особенно для новичков🖖🏻
Спасибо за просмотр)
Мой любымый блогер❤️
Обожаю твои видошки☺️. Благодарю за полезности 🙂Фил Хуг
❤️ Фил Хуг!
Спасибо за видео, я и не думала, что можно так быстро сделать графики)) все получилось))
Супер)
Спасибо за такие супер-пупер уроки❣ Если все повторять по шагам, то очень эффектно получается, но как только пытаюсь что-то изменить или не подсматривать шаги, то все... Как эпизод из "Друзей" когда Фиби пыталась научить Джои говорить по-французски🤣
ну класс)
11:41 😂 хорошая заметка про собеседование)) и для вёрстки наверное не очень такое)
😂 если с верстальщиком поругался - в самый раз))
@@alexeybychkov_ 😂
очень крутой ролик, больше автолейаутов и компонентов, спасибо!)
Спасибо за просмотр)
С ходу лайк 👍 Спасибо тебе за такой полезный и доступный контент! 💜
спасибо)
Спасибо за такой классный ролик! Всегда твои уроки с пользой! Как только какая то проблема, сразу обращаюсь к твоим урокам а сейчас стало еще удобнее с картой сайта! Дякую😍
пожалуйста!
Алексей, от души благодарю. Бомбический канал
рад, что нравится! 🥳
Это чудо какое-то! Волшебник🤩
🎩
Спасибо, очень все понятно и просто )
пожалуйста!
Категорично 😤кайфовый и полезный ролик! Спасибо
Категоричное спасибо за просмотр!
Как же круто ты все объясняешь!!!
рад, что нравится!
Спасибо вам за хорошие ролики. подача все супер. Как по мне это лучший ютуб канал по веб дизайну
спасибо, приятно)
Без АЛ уже не представляю жизни, но у тебя всегда что-то интересное найдется)
тоже не понимаю как жить без АЛ))
Спасибо за твою подачу информации 🔥🔥🔥пошла пробовать 👍 это же крутооооо 😃😃😃
пожалуйста!
Очень полезные уроки, спасибо. Скоро стану профи))
отличный план!
3 вариант подходит для тех же людей, которые, вместо разрыва страницы в Ворд,е ставят энтеры...
Спасибо за контент!! Единственный канал, где хочется писать комментарии всегда))
спасибо за комменты)
Спасибо за урок!
пожалуйста!
ой, это магия вне Хогвартса какая-то) спасибо!
🎩
А я во время урока повторила всё =) практика полезна! Спасибо за карту
пожалуйста!
Как всегда - великолепно :)
супер
Спасибо большое за ролик)
Очень полезно, это же сколько времени можно сэкономить, если пользоваться всеми лайфхаками)
рад, что полезно
АААА, мозг взрывается. Когда повторяю, то все получается, как только делаю что-то свое, начинаю тупить. Надо больше практиковаться) Спасибо за такие крутые ролики!
Это пройдёт)
Это то, что мне сейчас и нужно!!! 👍👍👍
Спасибо за просмотр)
супер тутор!
ну класс
Спасибо за видео, как всегда всё самое полезное и нужное!!!
ну класс)
Категорично заявляю - теперь этот ролик мой любимый 🤣 Спасибо за классную информацию и такой потрясааающий пример 😂 пойду теперь шаманить свой дашик, чтобы на собеседовании удивлять)
P.S. Это всё названия комиксов, рекомендую, они крутые, особенно Метеора 😏
Аааа вот оно чё))
Спасибо! Повторила и всё получилось🔥🔥🔥
огонь
Очень полезно, спасибо!
🥳
блин, это было так круто и полезно, спасибо за ролик!)
пожалуйста)
Третий способ вообще 🔥 🔥 огонь!😁
Супер
Узнала для себя много нового, спасибо, что делишься своими знаниями
рад, что полезно
Спасибо за крутой контент🔥 вдохновилась и пошла шаманить свои компоненты😄
Супер)
Крутейший способ делать графики! Спасибо за контент)
супер
05:11 очень полезный совет)) лучше сразу с маленького начинать и переходить к большим) так точно нигде ничего не упустишь, и очень удобно) Благодаря тебе так делаю 💪🏿
Спасибо за просмотр) и за комменты!
Спасибо за крутой ролик! Количество информации перегрузили мой мозг.🤯 Пойду переваривать в Фигму
пожалуйста!
Повеселил последним вариантом. Но вообще я про первый уже подумала: класс! попробую только второй сделать)
Спасибо за просмотр)
Большое спасибо за урок! Не сразу, но получилось!😀😀😀😀
пожалуйста!
как круто! пойду пробовать😎
Давай)