Как создать компонент кнопки в Figma: Auto Layout и варианты
riamu design
0:00 / 0:00
Как создать компонент кнопки в Figma: Auto Layout и варианты
166 просмотров · 2 нед. назад
riamu design
7 подписчиков
166 просмотров · 2 нед. назад
В этом уроке мы создадим компонент кнопки в Figma с нуля. Мы изучим Auto Layout, Hug and Fill и научимся создавать несколько вариантов кнопок в одном наборе компонентов.
📂 РЕСУРСЫ И ССЫЛКИ:
🎬 Предыдущие уроки
• Hug vs Fill vs Fixed in Figma's Auto Layout
• How to Create a Cute Toggle Switch in Figm...
• How to Create a Checkbox in Figma-Step by ...
⏱️ ВРЕМЕННЫЕ МЕТКИ:
00:00 - Вступление
00:26 - Создание базовой кнопки с помощью Auto Layout
00:59 - Понимание Hug & Fill
02:35 - Создание компонента кнопки
02:43 - Добавление вариантов кнопки
06:33 - Конечный результат
💡 ЧТО ВЫ УЗНАЕТЕ:
✅ Как создать кнопку с помощью Auto Layout Макет
✅ Понимание разницы между «Объятием содержимого» и «Заполним контейнер»
✅ Как создавать многоразовые компоненты Figma
✅ Создание нескольких вариантов кнопок в наборе компонентов
✅ Организация кнопок для создания единого дизайна пользовательского интерфейса
🌷 ДАВАЙТЕ ОБЩАТЬСЯ!
🔔 Подпишитесь на канал, чтобы получать больше милых и простых в освоении уроков по Figma и дизайну пользовательского интерфейса!
/ @riamudesign
💬 Есть вопросы или идеи для следующего урока? Оставьте комментарий ниже!
#figma #FigmaTutorial #UIDesign #AutoLayout #FigmaComponents #DesignTutorial