Уроки Figma | 02. Обзор программы на русском за 20 минут

preview_player
Показать описание

В этом видео уроке мы кратко рассмотрим интерфейс программы figma. Это краткий обзор на русском за 20 минут. Вы поймете как работать в программе. Как использовать программу figma.

1. Сначала мы рассмотрим главный экран. Разберем, как производить изменения в вашем аккаунте (изменять аватар, имя, email), как выходить из аккаунта. Рассмотрим вкладку с установленными плагинами и вкладку Teams (команды).
2. Рассмотрим вкладку Search. Здесь вы можете искать различные файлы в вашем аккаунте и среди файлов и плагинов, которыми поделились другие люди в сообществе figma.
3. Рассмотрим вкладку recent, где представлены последние ваши проекты.
4. Познакомимся с вкладкой сообщество (community).
5. Изучим вкладку Drafts с черновиками (проектами)
6. Покажу как можно создавать новые команды и как это поможет структурировать хаос.
7. Создадим новый проект и рассмотрим интерфейс фигмы внутри.
8. Кратко разберем вкладку layers (слои), раздел assets, где будут представлены компоненты.
9. Создадим простой компонент в виде кнопки. Изучим как с ним работать.
10. Коротко поговорим об инструментах фигмы.
11. Инструменты move и scale.
12. Инструменты frame и slice.
13. Инструменты создания векторных фигур (прямоугольник, эллипс, стрелка, линия, здезда, многоугольник).
14. Как быстро вставить изображения в векторные фигуры.
15. Привязки элементов с помощью функции constraints внутри фреймов.
16. Инструменты перо и карандаш.
17. Инструмент коментирования. Узнаете как добавлять новые коментарии.
18. Покажу как пользоваться функцией история верий и отматывать ваш проект назад.
19. Режим презентации.
20. Как делиться вашим проектом с другими людьми (копирование ссылки). Фунция share.
21. Инструменты масштабирования и отображения (zoom/view options). Узнаете как увеличить в фигме, как сделать все больше или меньше. Также поговорим о функциях: pixel prewie, pixel grid (пиксельная сетка), snap to pixel grid (привязка к пиксельной сетке), layout grids (сетки во фреймах и макетах), линейки и направляющие (rulers), режим outlines.
22. Рассмотрим иконку вопроса внизу справа в программе фигма и такие вкладки как: Help center — центр помощи (официальный сайт), Keyboard shortcuts — горячие клавиши, Commynity forum — форум сообществаVideo tutorial — видео уроки, Reset onboarding — запускает всплывающие подсказки, Release notes — заметки о новых функциях и выпусках, Legal summary — политика конфиденциальности и т.д., Get Help — окно поиска с помощью по Figma

Рекомендации по теме
Комментарии
Автор

Отличный урок, без воды, по существу. Благодарю.

Да_Аскет
Автор

Владимир, спасибо Вам за уроки по Фигме. Все очень доходчиво, понятно. Очень помогает в работе

nrg
Автор

какими вы кнопками пользуетесь для скриншота

nadejdamalih
Автор

Спасибо вам за подробное видео. У меня вопрос. Когда я деляю плейс имедж для размещения в форму то размер не совпадает. Что надо делать в таком случае? Спасибо

remziyeresulova
Автор

6:27 при выделении главного компонента и его изменении, остальные не меняются, в чем может быть дело?

Natasha_Bakshi
Автор

Здравствуйте! Такой вопрос. У меня где Design, Prototype пропал Insects? Как его найти ли включить?

СанжарКасымбаев
Автор

Создам прямоугольник... А как это сделать? На каую кнопку нажать? Это вы называете урок?

relax.muz.chanel
Автор

Хороший урок, но уж очень медленно, ставила скорость на 2, и то все норм! Скорость такая, что все улавливаешь. Спасибо за такую возможность, youtube!

zhanakuld
Автор

Не понятно одно. Почему у девайсов какое-то разрешение странное? Оно не в пикселях?

ithelperforall
Автор

Ваше видео с мобилки не видно, размыто

array
Автор

6:27 при выделении главного компонента и его изменении, остальные не меняются, в чем может быть дело?

Natasha_Bakshi