5,000 ₽
30-дневная гарантия возврата денег
Курс включает
- Пожизненный доступ
- Доступ с мобильных устройств
- Сертификат об окончании
Преимущества обучения
- Обучение в удобное время из любой точки мира
- Доступ к материалам курса в течение неограниченного времени
- Практические задания после каждого урока для закрепления материала
- Поддержка преподавателя на протяжении всего обучения
- Сертификат о прохождении курса после успешного завершения
- Возможность общаться с другими студентами в чате курса
Описание курса
Освойте Figma: интерфейс, компоненты, Auto Layout, прототипы и передачу макетов в разработку.
Содержание книги
Всего: 15 глав
Книга, игра и упражнения доступны без регистрации. Видеоуроки — после оплаты курса.
Figma — облачный редактор интерфейсов для веба, мобильных приложений и дизайн-систем. Работа идёт в браузере или десктоп-приложении, файлы синхронизируются в реальном времени.Основные зоны: панель слоёв слева, холст по ц...
Frame — основной контейнер макета: экран приложения, секция лендинга, модальное окно. В одном файле может быть несколько Pages (например, «Черновики», «UI Kit», «Прототип»).Фреймы можно вкладывать друг в друга, задавать...
Базовые фигуры (Rectangle, Ellipse, Line, Polygon) — основа UI. У прямоугольников настраивают corner radius, обводку и заливку. Pen tool (P) рисует произвольные векторные контуры.Boolean operations (Union, Subtract, Inte...
Текст в Figma настраивается через шрифт, размер, межстрочный интервал (line height), межбуквенный интервал и выравнивание. Для заголовков и body-текста задают иерархию: H1, H2, Body, Caption.Text styles сохраняют типогра...
Цвета задают заливку (Fill) и обводку (Stroke). Для бренда создают Color styles: Primary, Secondary, Background, Error и оттенки нейтралей.Используйте семантические имена (bg/surface/text-primary), а не «красный-3». Для...
Component — переиспользуемый элемент UI: кнопка, поле ввода, карточка. Создаётся через Create component (Ctrl+Alt+K). Экземпляры (instances) наследуют мастер; изменения в мастере распространяются на инстансы.Overrides по...
Variants объединяют состояния компонента: Size=SM/MD/LG, State=Default/Hover/Disabled. Свойства вариантов задают оси в панели компонента.Это заменяет десятки отдельных компонентов одной группой с переключателями. В прото...
Auto Layout автоматически расставляет дочерние элементы в ряд или колонку с заданными отступами и выравниванием — аналог flexbox в CSS.Shift+A включает Auto Layout для выделения. Настраивают direction, gap, padding, alig...
Layout grid на фрейме помогает выстраивать колонки (12 col для веба), строки и модульные сетки. Baseline grid выравнивает текст.Constraints определяют поведение объекта при изменении размера родителя: привязка к left/rig...
В режиме Prototype связывают фреймы переходами: On click, On drag, After delay. Настраивают анимацию: Instant, Dissolve, Smart animate, Move in.Flows задают точку входа в прототип (flow starting point). Презентация (Pres...
Дизайн-система в Figma: библиотека компонентов, стили цветов и типографики, правила отступов и документация на отдельной странице.Team library позволяет публиковать компоненты и подключать их в другие файлы. При обновлен...
Figma изначально мультиплеер: несколько дизайнеров в одном файле, курсоры с именами, live-редактирование. Комментарии (C) ставят на элементы, можно тегать коллег @имя.Ветки (branches) и версии (version history) помогают...
Плагины расширяют Figma: иконки, доступность, генерация контента, синхронизация с Jira, Unsplash, удаление дубликатов. Community содержит тысячи бесплатных ресурсов.Популярные категории: Iconify, Content Reel (текст-рыба...
Handoff: разработчик получает размеры, цвета, шрифты, отступы. В Dev Mode копируют CSS, iOS SwiftUI, Android Compose. Экспорт ассетов: SVG для иконок, PNG/WebP @1x/@2x/@3x.Подготовьте спецификацию: имена слоёв = имена в...
Мобильный UI: safe areas, нижняя навигация, жесты, состояния клавиатуры. Веб: шапка, сетка 12 колонок, адаптив breakpoints (mobile/tablet/desktop).Собирайте типовые экраны из компонентов библиотеки. Проверяйте длинные те...
Отзывы
Пока нет отзывов. Станьте первым!
Оставить отзыв
Чтобы оставить отзыв, войдите в личный кабинет.
5,000 ₽
30-дневная гарантия возврата денег
Курс включает
- Пожизненный доступ
- Доступ с мобильных устройств
- Сертификат об окончании
Последние новости
if __name__ == '__main__' в Python: зачем нужен и как правильно использовать
10.06.2026Конструкция if __name__ == '__main__': — один из базовых кир...
== и is в Python: разница, примеры и лучшие практики для начинающих
08.06.2026Запрос «== vs is в Python» — один из самых частых у начинающ...
Переменные окружения в Python: os.environ и dotenv (практическое руководство)
01.06.2026Переменные окружения помогают отделить конфигурацию от кода:...
Похожие курсы
