Курс для начинающих и опытных дизайнеров,
желающих качественно освоить figma в кратчайшие сроки
FIGMA
Теория: инструменты Figma подробно.
Практика: разработка интерфейса по шагам.
Figma - мощное приложение, которое работает онлайн и оффлайн под Windows и Mас. Figma похожа на Sketch и Adobe XD, но более гибкая в командной работе и по функционалу. Скорость обновлений и развития приложения впечатляют.
Содержание курса
We help to develop young architectural companies and teams that innovate cities planning
Введение
Что такое Figma, где ее взять, как проходить курс и пользоваться примерами к курсу.

подробнее...
Интерфейс Figma
Интерфейс Figma и панели различных инструментов в действии.

подробнее...
Создание проекта
We develop strategy, conception, and ideology of the project, offer you a city-planning idea, create zones planning schemes.
Инструменты
Завершение проекта
Прототипирование
Введение
1. Введение
2. Как проходить курс?
3. Кому будет полезен курс?
4. Что такое Figma?
5. Где взять Figma?
6. Горячие клавиши Figma
Digital Storytelling
The Future
Содержание
Содержание
Инструменты
1. Фреймы
2. Фигуры
3. Инструмент Pen tool / Перо
4. Инструмент Pencil / Карандаш
5. Работа с текстом
6. Маски
7. Импорт графики
8. Работа с цветом
9. Работа со стилями
10. Настройка компонентов
11. Адаптивный дизайн
12. Работа с контролем версий

Завершение проекта
1. Создание выпадающего меню
2. Экранное наложение
3. Раздела комментариев
4. Несколько игровых областей
5. Уникальный дизайн

Прототипирование
1. Создание прототипа
2. Просмотр на мобильном
3. Просмотр Live-устройства
4. Разделите свой дизайн
5. Разрешите комментировать
6. Экспорт графики и кода
Вопрос:
Как проходить курс
Ответ:
Обязательно после прохождения каждого занятия пробуйте повторить действия, описанные и показанные в уроке. Информация быстро забывается, если ее не использовать на практике.
Вопрос:
Что такое Figma
Ответ:
1. Онлайн - сервис для разработки дизайна.
2. Позволяет командно работать над проектами.
3. Файлы доступны онлайн в любое время в любом месте.
4. Легко дать доступ к файлам нужным людям и командам.
5. Для доступа достаточно отправить ссылку.
Вопрос:
Где взять Figma
Ответ:
1. Figma находится по адресу figma.com
2. Так же вы можете скачать Desktop версию на свой компьютер, но она так же работает только с подключенным интернетом.
3. Основная версия Figma бесплатная. Один из вариантов командной версии требует оплаты.
Вопрос
Кому будет полезен курс?
Ответ
Подойдет новичкам в дизайне и опытным дизайнерам UI / UX, желающим перейти со Sketch или Adobe XD на FIgma или просто освоить новый удобный инструмент.
Регистрируемся в FIGMA. После регистрации проверьте почту и подтвердите ваш аккаунт.
Создаем новый проект в Figma и задаем ему имя
Горячие клавиши Figma
Договоримся о некоторых сокращениях: Lm - левая клавиша мыши, Rm - правая клавиша мыши.
Базовые клавиши

Ctrl + Z - отмена действия
Ctrl + Y - возврат отмены
Ctrl + + - приближение сцены
Ctrl + - - отдаление сцены
Пробел + Lm - перемещение сцены
Ctrl + S - сохранение файла
Ctrl + Shift + S - сохранение файла .fig
Ctrl + G - группирование объектов
Ctrl + Shift + G - разгруппировка
Ctrl + A - выделение всего на сцене
Shift + V - отражение по вертикали
Shift + H - отражение по горизонтали
Ctrl + D - дублирование объекта
Клавиши инструментов

F - фрейм
R - прямоугольник
L - линия
Shift + L - стрелка
O - разместить картинку
Ctrl + Shift + K - разместить картинку
P - перо
Shift + P - карандаш
Ctrl + Alt + C - скопировать свойства
Ctrl + Alt + V - вставить свойства
Остальные клавиши

T - инструмент текст
Ctrl + B - жирный текст
Ctrl + I - наклонный текст
Ctrl + U - подчеркнутый текст


2
Интерфейс
В этом разделе рассмотрим интерфейс Figma и разберем панели различных инструментов в действии.
3
Инструменты
В этом раздел создадим новый проект и изучим инструменты Figma на практике
Инструмент Frame
Геометрические объекты и их настройки
Работа с инструментом Text
4
Проект
В этом разделе работаем с проектами
Сборка прототипа по готовому дизайну
Сборка прототипа по готовому сайту