Этот курс поможет разработчикам быстро и уверенно освоить Figma, научиться читать дизайн-макеты, работать с прототипами и превращать визуальные решения в чистый, поддерживаемый код. Вы узнаете, как эффективно взаимодействовать с дизайнерами и внедрять адаптивные интерфейсы, используя лучшие практики современной продуктовой разработки.
Что вы изучите на курсе
Мы шаг за шагом разберём инструменты Figma, которые особенно важны для разработчиков: от базовой навигации до продвинутых подходов к анализу дизайна, работе с автолэйаутами и подготовке макетов к реализации.
Основы интерфейса Figma
Ориентация в рабочем пространстве и панелях инструментов
Понимание фреймов, слоёв и группировки
Работа с компонентами и стилями
Работа с прототипами и адаптивностью
Создание интерактивных прототипов
Использование Auto Layout и Responsive Resize
Подготовка адаптивных макетов к разработке
Сотрудничество и командная работа
Эффективное взаимодействие с дизайнерами в одном файле
Использование комментариев и версиирования
Лучшие практики работы в общих дизайн-системах
Как разработчикам использовать дизайн в коде
Мы рассмотрим реальные сценарии, когда разработчик получает макет в Figma, и покажем, как анализировать его структуру, определять паттерны, извлекать необходимые данные и превращать дизайн в качественный интерфейс.
Согласование дизайна и реализации
Понимание сеток, отступов и токенов
Использование инспектора Figma для получения свойств
Интеграция дизайн-токенов в проект
Оптимизация процесса разработки
Работа с экспортируемыми ресурсами и форматами
Снижение времени на верстку благодаря компонентам
Избежание типичных ошибок при реализации дизайна
Результаты обучения
После прохождения курса вы сможете уверенно ориентироваться в Figma, грамотно взаимодействовать с дизайнерской командой и эффективно переносить макеты в код, создавая адаптивные и масштабируемые интерфейсы.
Вы будете уметь
Понимать структуру дизайна и применять её в разработке
Работать с прототипами и адаптивными макетами
Использовать инструменты Figma для командной работы
Оптимизировать процесс разработки интерфейсов
Удален по просьбе правообладателя
Урок 1.00:07:39
Introduction
Урок 2.00:16:15
Figma Basics
Урок 3.00:10:12
Aligning Objects
Урок 4.00:04:07
Groups & Frames
Урок 5.00:08:49
Organizing Layout with Frames
Урок 6.00:04:31
Selecting & Inspecting
Урок 7.00:00:43
Inspect Tool Exercise
Урок 8.00:03:47
Inspect Tool Solution
Урок 9.00:10:29
Shared Styles
Урок 10.00:07:32
Styler Plugin
Урок 11.00:10:28
Creating Styles
Урок 12.00:05:16
Constraints
Урок 13.00:00:57
Constraints Exercise
Урок 14.00:03:43
Constraints Solution
Урок 15.00:05:45
Layout Grids
Урок 16.00:00:43
Layout Grids Exercise
Урок 17.00:09:18
Layout Grids Solution
Урок 18.00:14:31
Auto Layout
Урок 19.00:14:29
Nesting Auto Layouts
Урок 20.00:01:17
Nesting Auto Layouts Exercise
Урок 21.00:09:02
Nesting Auto Layouts Solution
Урок 22.00:13:04
Components
Урок 23.00:00:32
Components Exercise
Урок 24.00:07:14
Components Solution
Урок 25.00:15:23
Variants
Урок 26.00:00:50
Variants Exercise
Урок 27.00:07:15
Variants Solution
Урок 28.00:09:05
Multiple Components & Swapping Instances
Урок 29.00:01:35
Swapping Components Exercise
Урок 30.00:06:38
Swapping Components Solution
Урок 31.00:10:37
Component Recipe: Notification
Урок 32.00:04:01
Component Recipe: Data Table
Урок 33.00:07:54
Component Recipe: Menu Slot
Урок 34.00:17:26
Prototyping
Урок 35.00:07:00
Wrapping Up
Авторы - master.dev (ex FrontendMasters), Steve Kinney
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.
Стив - архитектор фронтенда в компании Temporal. Ранее он занимал аналогичную должность в Twilio и SendGrid. Стив также является основателем и почетным директором программы обучения фронтенд-разработке в Turing School for Software and Design в Денвере, Колорадо — это некоммерческая программа подготовки разработчиков. В прошлой жизни Стив был учителем в государственных школах Нью-Йорка, где он преподавал специальное образование и веб-разработку в
layout.