Поговорим о компонентах в фигме, от простого к сложному: что такое компоненты и зачем они нужны, как их создавать и редактировать, какие аттрибуты мы можем менять у инстансов (instance), как использовать компоненты в реальной работе, и т.д… Тема большая и очень важная, поэтому видео получилось объёмным, да ещё и на следующий раз осталось :)
Курс по работе в Figma. За 13 кратких и простых уроков вы разберетесь с основными моментами работы в Фигме и переносом дизайна в Тильду.
Зачем нужна — Фигма
1. Это самый простой в освоении профессиональный графический редактор
2. Figma — самый популярный бесплатный инструмент для создания интерфейсов в Мире
3. Есть все необходимые функции: маски, работа с градиентами, кривыми и многое другое
4. Помогает создавать прототипы интерфейсов, дизайн сайтов, иллюстрации и векторную графику
Вчера Фигма обновила функционал Auto Layout, и это отличный повод разобрать новый функционал на примере реальных интерфейсных задач.
01:18 создание списка с помощью Auto Layout
06:26 выравнивание элементов внутри Auto Layuot
09:25 пример с аватарками, заходящими друг на друга
10:55 делаем адаптивную карточку
28:00 изучаем официальный туториал от Фигмы
35:40 адаптивная навигация