Figma для разработчиков, v2 — практический курс, который помогает фронтенд‑разработчикам глубоко освоить современные инструменты Figma, улучшить взаимодействие с дизайнерами и ускорить перенос макетов в код. Здесь вы узнаете, как использовать режим разработчика, Auto Layout, интерактивные компоненты и интеграции с инструментами разработки в реальных рабочих процессах.
Что дает курс разработчикам
Обучение сфокусировано на том, чтобы превратить Figma в полноценный инструмент разработки. Вы сможете быстрее ориентироваться в макетах, точнее воспроизводить дизайн в интерфейсах и улучшить взаимодействие с командой.
Практические навыки, необходимые в ежедневной работе
Работа с режимом разработчика для правильного чтения макетов: от токенов до структуры компонентов.
Улучшенный Auto Layout и его применение для построения адаптивных интерфейсов.
Интерактивные компоненты и сложные состояния для реалистичных прототипов.
Совместная работа с дизайнерами через комментарии, версии и библиотечные компоненты.
Интеграция Figma в рабочий процесс разработчика
Курс показывает, как использовать Figma не изолированно, а как часть цепочки разработки интерфейсов.
Инструменты и интеграции
Экспорт фрагментов кода и адаптация их под реальные компоненты.
Интеграция с Storybook для проектной документации.
Работа с плагинами и расширениями для VS Code.
Обновленные возможности прототипирования
Вы изучите современные инструменты анимации и переходов, которые помогают точнее передавать сценарии взаимодействия пользователя с интерфейсом.
Для кого предназначен курс
Курс создан специально для фронтенд‑разработчиков, которые регулярно работают с макетами и хотят оптимизировать взаимодействие с дизайнерами, ускорить процесс имплементации и повысить качество результата.
Что вы освоите к завершению обучения
Уверенную работу в режиме разработчика.
Использование улучшенного Auto Layout для динамичных и адаптивных интерфейсов.
Создание и настройку интерактивных компонентов.
Эффективное командное взаимодействие в Figma.
Интеграцию Figma с Storybook, VS Code и другими инструментами.
Генерацию и использование корректных фрагментов кода.
Работу с новыми возможностями прототипирования и анимации.
Актуальные практики использования Figma в разработке.
Удален по просьбе правообладателя
Урок 1.00:06:04
Introduction
Урок 2.00:08:33
Figma Overview & Tour
Урок 3.00:07:19
Aligning Objects Exercise
Урок 4.00:04:42
Layers, Frames, Sections & Groups
Урок 5.00:06:08
Selecting & Inspecting Exercise
Урок 6.00:05:50
Constraints
Урок 7.00:07:16
Constraints Exercise
Урок 8.00:07:16
Layout Grids
Урок 9.00:05:29
Layout Grids Exercise
Урок 10.00:09:36
Tablet Layout
Урок 11.00:16:58
Auto Layout - The Basics
Урок 12.00:08:20
Auto Layout Exercise
Урок 13.00:18:26
Nested Auto Layouts
Урок 14.00:02:51
Content Plugins
Урок 15.00:08:56
Nested Exercise
Урок 16.00:12:27
Responsive Components with Auto Layout
Урок 17.00:07:48
Responsive Components Exercise
Урок 18.00:16:04
Styles & Typography
Урок 19.00:13:11
CSS Generator Plugins Exercise
Урок 20.00:08:55
Variables Introduction
Урок 21.00:11:50
Creating a Color Palette with Variables
Урок 22.00:10:05
Components
Урок 23.00:06:28
Components Properties
Урок 24.00:13:49
Swap Instance Property
Урок 25.00:05:39
Variable Modes for Responsive Designs
Урок 26.00:07:42
Variables for Typography
Урок 27.00:12:15
Prototyping
Урок 28.00:02:29
Wrapping Up
Авторы - master.dev (ex FrontendMasters), Steve Kinney
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.
Стив - архитектор фронтенда в компании Temporal. Ранее он занимал аналогичную должность в Twilio и SendGrid. Стив также является основателем и почетным директором программы обучения фронтенд-разработке в Turing School for Software and Design в Денвере, Колорадо — это некоммерческая программа подготовки разработчиков. В прошлой жизни Стив был учителем в государственных школах Нью-Йорка, где он преподавал специальное образование и веб-разработку в