Що таке Figma?
Figma — онлайн-редактор для дизайну інтерфейсів. У ньому малюють макети сайтів і застосунків, збирають клікабельні прототипи та передають роботу розробникам, а кілька людей можуть правити один файл одночасно прямо у браузері.
Спільна робота — головна відмінність Figma від попередніх редакторів. Файл живе у хмарі, посилання завжди веде на актуальну версію, коментарі залишаються прямо на макеті, і питання «де останній варіант?» просто зникає.
Для розробника Figma — джерело специфікації: з макета видно розміри, відступи, кольори та шрифти, а компоненти й стилі переносяться в код напряму. Саме тому Figma стала галузевим стандартом і першим інструментом, який опановує дизайнер-початківець.
Повʼязані терміни
UI (User Interface) — це візуальна частина продукту, через яку людина з ним взаємодіє: екрани, кнопки, поля, іконки, шрифти, кольори та відступи. UI-дизайнер відповідає за те, як продукт виглядає і як виглядають його стани.
UXUX (User Experience) — це весь досвід людини під час використання продукту: наскільки зрозуміло, де міститься потрібне, скільки кроків займає задача, що відбувається при помилці й чи залишається відчуття, що ціль досягнута без зайвих зусиль.
WireframeВайрфрейм — схематичне креслення екрана без кольору, шрифтів і картинок: сірі прямокутники на місці блоків і підписи, що там буде. Він показує структуру та пріоритети, а не зовнішній вигляд.
Design SystemДизайн-система — єдиний набір правил і готових компонентів продукту: палітра, типографіка, відступи, кнопки, поля, картки, а також опис того, коли і як їх застосовувати. Вона існує одночасно в макетах і в коді.