Зміст курсу
UI/UX з Figma
UI/UX з Figma
1. Основні Інструменти Figma
2. Створення та Організація Об'єктів
Налаштування Проекту
Перейменування проектів
Двічі клацніть на назві проекту вгорі, щоб перейменувати його. Натисніть Enter/Return, щоб зберегти зміни.
Основні компоненти інтерфейсу
-
Сторінки та шари (pages and layers): розташовані зліва, використовуються для організації контенту;
-
Панель дизайну (design panel): знаходиться справа, містить налаштування для дизайну, прототипування та анімаційних робочих процесів;
-
Панель інструментів (toolbar): розташована під полотном, цей розділ включає інструменти, які будуть обговорені в наступному розділі.
Випадаюче меню
Доступне через значок стрілки, це меню включає:
- Нове вікно (New window): відкриває окреме вікно Figma;
- Нова вкладка (New tab): схоже на кнопку "Створити нове";
- Відкрити в браузері (Open in browser): переглянути проект у браузері;
- Відкрити файл з буфера обміну (Open file from clipboard): вставити та відкрити файли безпосередньо;
- Закрити/відкрити вкладки (Close/reopen tabs): керувати вкладками та вікнами Figma;
- Плагіни та масштаб інтерфейсу (Plugins and interface scale): налаштувати масштаб (наприклад, 110%) або керувати плагінами;
- Налаштування (Preferences): доступ до налаштувань, довідників, оновлень та "Про Figma".
Значок мінімізації інтерфейсу
Перемикає видимість лівої та правої панелей.
Значок пошуку
Швидко знаходьте активи або компоненти в проекті.
Режим презентації
- Використовуйте значок презентації, щоб відобразити кадри в макетах пристроїв (наприклад, iPhone, MacBook);
- Змініть пристрій або перемикайте макет кадру вкл/викл;
- Увійдіть у повноекранний режим через кнопку у верхньому правому куті.
Опції спільного доступу
- Використовуйте кнопку спільного доступу (Share button), щоб ділитися файлами через посилання, запрошення електронною поштою або копіювання посилань для розробників/прототипів;
- Встановіть дозволи (перегляд/редагування) та опції доступу для публікації в спільноті або отримання коду для вбудовування.
Управління файлами
Шукайте та фільтруйте проекти за:
- Тип файлу: файли дизайну, дошки FigJam, слайди;
- Автор, організація або папка.
Опції відображення
- Виберіть між поданням сітки/мініатюр або списком;
- Сортування за назвою, датою створення (найстаріші/найновіші).
1. Яку додаткову функцію пропонує версія Figma для настільних комп'ютерів у порівнянні з версією для браузера?
2. У режимі презентації, що робить опція "Показати рамку пристрою"?
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 1. Розділ 3