Как сделать графики в фигме через компонент и автолейаут
HTML-код
- Опубликовано: 19 сен 2023
- #alexeybychkov #figma #figmatutorial
Как сделать графики в фигме через компонент и автолейаут
Карта канала - start.video
Файл со скриншотами для насмотренности: 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
![[NEW] 🔥 Компоненты в Figma. Советы, лайфхаки, примеры. Новый нескучный курс по Фигме. Урок 7](http://i.ytimg.com/vi/YmPc4jVNSR4/mqdefault.jpg)
![[NEW] 🔥 Компоненты в Figma. Советы, лайфхаки, примеры. Новый нескучный курс по Фигме. Урок 7](/img/tr.png)
Удивительно, как в 3 минуты столько полезного поместилось!😃Спасибо!
в самом деле))
Алексей. спасибо за полезный урок. Особенно приятно что все лаконично и понятно объясняешь, а еще и успеваешь во время объяснений все показать на практике. Надеюсь что когда-то тебе вручат дизайнерский Оскар за полезность и щедрость твоих роликов (хорошо что бесплатно делишься качественной информацией).
спасибо))
Сколько ж меня пугали эти графики. А один раз попробовала по уроку Алексея, и теперь проблем нет. Как же все легко и просто на самом деле. :)
Круто) рад, что полезно
Привет из 15 группы 👋
Пойду попробую повторить)
По видео кажется, что легко)
Спасибо большое, Алексей😊
👋 Спасибо за просмотр)
Спасибо за подробный разбор, все получилось быстро , глядишь черный пояс по автолояуту не за горами 😁
супер))
так просто и быстро, шок контент😍 спасибо!
Супер) пожалуйста!
Конечно же лайк💜 С твоими объяснениями всё становится понятно и просто🤗
супер
похоже, я начну любить графики👍спасибо!🔥
Супер 🥳
Гениальный контент)🔥🔥🔥
🎉 огонь!
Ура, наконец-то и я на бусти подписалась) быстро и понятно!
Спасибо за подписку!
крутяк! была такая проблема и я убирал компоненты)
У следующий раз можно не убирать
Твои объяснения по АЛ это просто 🔥🔥🔥🔥🔥🔥🔥
Вуухуууу
Крутой лайфхак! Компоненты и автолейаут - самые главные инструменты фигмы, которые упрощают и облегчают работу многократно.
Да!
Сколько пользы за 3 минуты! Структура+эстетика=❤🔥
рад, что нравится!
Сначала лайк, потом видео смотрю) всегда полезный контент
Спасибо)
Как всегда Топчик!
Огонь! 🔥🔥🔥Спасибо за ролик)
пожалуйста!
Это просто пушка🔥🔥🔥 Компоненты ван лав❤️
Ну класс
Отлично, получилось быстро и удобно. Спасибо за ролик!
пожалуйста!
autolayout и компоненты для меня прям темный лес, спасибо за видео)
Спасибо за просмотр)
Всего 3 минуты, а полезностей сколько. Огонь огненный!
Привет из 15 группы)
👋 привет
Гениальное просто! Алексей, спасибо за такой полезный урок!
Спасибо за просмотр)
Огонь 🔥
🎉🥳
❤❤❤ За три минуты! Браво!))
🥳
Просто супер кий контент! Лёгкая подача и как всегда все доходчиво! Спасибо!
Ну классно
Супер ролик!)
ну класс)
Спасибо, пошла пробовать😀
пожалуйста!
Очень полезно, супер! Особенный кайф в конце, когда со всем разобралась :)
огонь)
Красавчик! Спасибо)
Спасибо за просмотр)
Классный и удобный вариант! Супер!
супер
Спасибо! Отличный урок
пожалуйста!
Жарко как в печке!💜💥
Ага))
просто, понятно, полезно и (главное) быстро!
Спасибо за просмотр)
Это же гениально! Спасибо, буду теперь точно пользоваться😊
ну))
а я вообще не так давно стал осваивать фигму, и тут мне ютуб рекомендашку кинул с Алексеем, так теперь и смотрю. Столько полезной инфы!! А самое главное очень доступным языком!!! 👍Спасибо !!!
Очень рад, что нравится!
Ну огонь же!)
Ну))
Благодарю! Как всегда класс!
супер
Агонь!
🥳
Что бы я без вас делал! Спасибо!!!
пожалуйста!
Спасибо, было полезно. Оказывается всё просто👍
супер
круто. спасибо большое
пожалуйста!
Согласен, удивительно! Да, ещё и на смешные дубли время осталось! Спасибо, Алексей!
Спасибо за просмотр)
Вау, тоже хочу так разбираться в АЛ, спасибо!)
Дело времени) и кнопки нажимать надо
Спасибо, я начинаю дружить с этими лайаутами и компонентами))
отличные новости)
Спасибо!
пожалуйста!
Леша как всегда лучший, спс за полезный контент ❤
🥳 пожалуйста!
Легко, просто и понятно, спасибо! 😌
Супер
Всё получилось с первого раза🤩 Супер🔥
ну класс)
За три минуты о том, с чем джун может проплюхаться целый день и все равно сделать неправильно 😁 Спасибо, Лёша!
рад, что полезно
Это. Просто. 🖐🖖✌👍🤘🤘✊.
очень рад!
Делала два месяца назад по твоему ролику график, и сейчас снова попробовала и все получилось в разы быстрее уже , буквально пару кликов и готово, супер)))) спасииииииииииииииибо))))
круто, пожалуйста!
Ура, получилось! 🔥
🎉
компонентное фаталити😄 спасибо❤🔥
😀🥳
Привет, Лёша! Спасибо, теперь и у меня ещё больше сэкономило времени....😀
Привет. Супер!
И майка огонь)))
🥳
Гениально просто😮
Супер
Все через одно место это очень удобно и быстро! Это пушка 🎉 буду пользоваться) спасибо 🙏💕
Да 💯
Thank you for such a nice and quick lesson! Fill Hug!
Спасибо за просмотр)
Свободное время любим - смотрим курс Бычкова
Спасибо за просмотр)
Супер. Интересно было бы еще посмотреть на "Линейный график" или похожее с АТ и Компонентами
А там же нет повторений
Гениально 😊
Спасибо за просмотр)
Круто!
Супер
Супер
🎉
Спасибо. Сразу получилось
пожалуйста!
спасибо, повторила, получилось, ясно теперь для чего компоненты)
а раньше совсем не пользовалась?
Саммый полезеый контент про фигму среди русскоязычной аудитории!!!!🤟
Ну класс
С Алексеем любые графики по плечу (:
Спасибо ща годный контент!
отличные новости)
AГОНЬ!!!!
🤟🥳🤟
Огонь просто
Супер
Просто, быстро и вкусно!!!!
Круто)
Ну бомба же)
Ну))
Приятное чувство, я сам к этому дошёл, правда не за 3 минуты а часа за пол, но сделал через компонент, точь в точь как в ролике))
огонь)
Чики-Пуки получилось!
Спасибо!!!
Спасибо за просмотр)
на обучение на дашиках у всех эта проблема была)))))
Больше не проблема)
ни - че - го 😁
😅
Спасибо! Очень крутой лайфхак. Часто создаю компоненты для табов или FAQ, где есть горизонтальная линия на всю ширину страницы. Теперь смогу настраивать длину этой линии через отступы, вместо того, чтобы создавать несколько отдельных линий в одном компоненте :D
Круто) пожалуйста!
Бамп
Спасибо за контент
пожалуйста! 🥳
отлично, получилось! спасибо! супер изи))))
Ну класс
Спасибо! Как это легко оказалось! А можно ниши делать светлее фона? Или это не логично?
Пустота это потемки
Боялась графиков как огня😤
Но благодаря твоим видео - страх прошел)
супер!
Ваш образ чем то напоминает советское время, но то что говорите вообще фюче 😂
А я еще раз пересмотрю и запишу😅
😀 Спасибо за просмотр)
🔥🔥🔥
🥳🎉
А можно такое же объяснение, только о таблицах?
Да там вроде и объяснять нечего)
Сложно, но понятно х) По сути получается что уложить в голову с 1 раза тяжело, но когда понадобиться, посмотреть видео, повторить - и сразу станет всё ясно. Хотя вроде бы создать 4 автолейаута)
Дело практики
💪
🎉
Леха выглядит как "тот самый" дизайнер, который рассказывает как стать юикс-дызайнером, живя в тайланде и работая с ноутбуком 2-3 часа в день)))
😅
Только с тобой перестала бояться АЛ. Теперь надо переставать бояться компонентов🫶
Огонь)
*Вы чего, ребята, пять тыщ просмотров, а спасибу написать в комментах?* Лёша, спасибо, суперспособ, всё получилось с первого раза как надо!
в самом деле))
Не пользуюсь компонентами т.к. когда начинаю делать еще не знаю что будет в конце. Во время работы легко появляется с десяток вариантов. А когда сделаю и утвержу у заказчика, то смысла переделывать на компоненты уже нет. Завидую людям которые с самого начала знают какой дизайн будет в конце.
никто не знает) но ни что не мешает в процессе вносить правки в компоненты, чтобы все делать 1 раз, а не 10
А как в процентах значение для графиков ставить в этом случае? :)
через калькулятор
Автолейаут всему голова☝🏻😅
Да!
Леха рассказывай где отдыхал, капец ты загорелый 💪
так на даче))
Пойти дашик переделать чтоли🤔... А то я там через абсолют делал и зеркалил некоторые. Зато слоев меньше - а то как нагородят. Не буду передлывать😁😁
😅
А с линейными графиками такое прокатит?
Линейный график это же кривая, а не набор столбиков. Там компонентить нечего
делаем домашеньку👍
Супер)
Дайте совет-как не потерять часы с магнитным браслетом(он может нечаянно слететь от внешнего воздействия и слететь с руки?
Да несколько раз слетал на пол( когда рукавом задевал. Совет видимо только другого типа браслет использовать
И как точный масштаб установить?
100% масштаб? Ctrl + 0
@@alexeybychkov_ имею ввиду, когда два ряда разных значений - например, 10 и 8, и другое сопоставление 11 и 9.
Оказывается не так то и сложно все 😅
Ну))
А я люблю баклажаны!😂
😅
что-то не понял смысла автолейаута тут, быстрее уменьшить график, просто уменьшив ректенгл курсором) а не превращать всё в автолейаут и подбирать цифру в панели, ещё искать где верх и низ)
Добавь фон под графиком и уменьши, ага
получилось всё равно) ладно, всё же этот метод в видео выучил конечно же, понимание придёт позже, уверен) я начинающий=)@@alexeybychkov_