designcode.io
Пройдите курсы о лучших инструментах и системах проектирования. Прототипируйте и создавайте приложения с помощью React и Swift. 60 часов видеоконтента и ресурсных материалов.
Продолжительность
1 ч 25 мин
Категория
FigmaКоличество уроков
41 Видео
Дата добавления
1 нояб. 2021 г., 06:26
Язык
Английский
Дата обновления
29 апр. 2026 г., 13:15
Справочник Figma — это ваш надежный путеводитель по работе с самым популярным инструментом для дизайна интерфейсов. Здесь вы найдете пошаговые инструкции, практические советы и проверенные техники, которые помогут уверенно освоить Figma с нуля или углубить текущие навыки.
Что вы узнаете из этого справочника
Материал структурирован так, чтобы вы могли последовательно изучать функционал Figma, не упуская важных нюансов и профессиональных приемов.
- Основы интерфейса и навигации
- Работу с фреймами, слоями и компонентами
- Создание автолейаутов и адаптивных макетов
- Использование стилей, переменных и библиотек
- Подготовку дизайнов к передаче разработчикам
- Продвинутые трюки, которые экономят время
Пошаговые техники для уверенной работы
Каждый раздел содержит практические инструкции, которые можно повторять прямо в процессе обучения.
Базовые операции и инструменты
Здесь вы разберетесь с ключевыми инструментами Figma, научитесь работать с фигурами, текстами, группировкой элементов и организацией слоев.
Создание логичных и гибких макетов
Справочник подробно объясняет принципы автолейаута, сеток и адаптивности, позволяя создавать удобные для разработки интерфейсы.
Компоненты, стили и библиотеки
Вы узнаете, как выстроить масштабируемую систему дизайна, оптимизируя процессы и уменьшая количество рутинной работы.
Кому подойдет этот справочник
- Новичкам, которые хотят быстро ориентироваться в Figma
- Начинающим дизайнерам интерфейсов
- Практикующим UX/UI-специалистам, желающим систематизировать знания
- Тем, кто работает в команде и хочет повысить эффективность
Преимущества формата
Справочник составлен максимально практично и понятно, чтобы обучение было простым и продуктивным.
- Пошаговые объяснения
- Фокус на реальных задачах дизайнера
- Четкие иллюстрации и примеры
- Подход, ориентированный на новичков
Начните изучать Figma уверенно
Этот справочник поможет вам не просто освоить инструмент, но и работать в нем профессионально — быстро, аккуратно и с удовольствием.
- Урок 1.00:00:54The Figma Design Tool
- Урок 2.00:01:18The Editor in Figma
- Урок 3.00:02:15Basic Tools
- Урок 4.00:01:28Position, Size, Rotation, & Corner Radius properties
- Урок 5.00:01:14Color Styles
- Урок 6.00:01:48Masks
- Урок 7.00:01:18Dark Mode with Selection Colors
- Урок 8.00:01:37Gradients
- Урок 9.00:02:37Creating Backgrounds
- Урок 10.00:02:02Blending Modes
- Урок 11.00:01:25Alignment, Distribution, & Tidy up Properties
- Урок 12.00:02:53Union and Corner Radius
- Урок 13.00:01:49Shadow and Blur Effects
- Урок 14.00:02:01Using Images
- Урок 15.00:03:22Fill, Stroke, & Advanced Stroke
- Урок 16.00:01:38Text Properties and Styles
- Урок 17.00:01:14Google Fonts and Custom Fonts
- Урок 18.00:03:08Responsive Design
- Урок 19.00:01:11Constraints
- Урок 20.00:02:01Layout Grid
- Урок 21.00:01:46Auto Layout in Figma
- Урок 22.00:00:55Vector Mode
- Урок 23.00:01:20Vector Network
- Урок 24.00:02:00Perspective Mockups
- Урок 25.00:01:213D Mockups
- Урок 26.00:02:04Using Illustrations in Design
- Урок 27.00:02:25Booleans
- Урок 28.00:01:50Components
- Урок 29.00:02:15Team Library
- Урок 30.00:01:59Creating Confetti
- Урок 31.00:01:42Looper Shape Duplication
- Урок 32.00:02:24Apple Watch Ring
- Урок 33.00:01:39Exporting Assets in Figma
- Урок 34.00:01:05Exporting CSS Code
- Урок 35.00:01:57Designing with Data
- Урок 36.00:02:25Prototyping
- Урок 37.00:01:25Version History
- Урок 38.00:01:37Multiplayer, Commenting, & Previews
- Урок 39.00:05:40Variants
- Урок 40.00:04:47UIKits
- Урок 41.00:05:47Plugins
Автор - designcode.io
Комментарии
zFPWdwPkCan you update it to latest version of this course.
KarthikPlease update. there are 99 lessons now
ColossusPlease update, there are 53 lessons now.