Що таке Figma?
Figma — онлайн-редактор для дизайну інтерфейсів. У ньому малюють макети сайтів і застосунків, збирають клікабельні прототипи та передають роботу розробникам, а кілька людей можуть правити один файл одночасно прямо у браузері.
Спільна робота — головна відмінність Figma від попередніх редакторів. Файл живе у хмарі, посилання завжди веде на актуальну версію, коментарі залишаються прямо на макеті, і питання «де останній варіант?» просто зникає.
Для розробника Figma — джерело специфікації: з макета видно розміри, відступи, кольори та шрифти, а компоненти й стилі переносяться в код напряму. Саме тому Figma стала галузевим стандартом і першим інструментом, який опановує дизайнер-початківець.
Де застосовується
Figma закриває майже весь шлях макета: від перших начерків і вайрфреймів до бібліотеки компонентів, клікабельного прототипу й передачі в розробку. Розробник відкриває той самий файл за посиланням і знімає звідти розміри, кольори, шрифти й готовий CSS для елемента.
Користуються нею далеко не лише дизайнери. Маркетологи збирають у ній макети банерів і презентації, менеджери залишають коментарі просто на екрані замість листування в чаті, а команда зберігає дизайн-систему як спільну бібліотеку, яку підключають усі проєкти компанії.
Приклад
Замовник править макет у четвер увечері: він відкриває посилання, ставить коментар біля потрібної кнопки, дизайнер бачить його вранці в тому самому файлі. Жодного пересилання архівів і питання, яка версія остання.
Часті запитання
Figma безплатна?
Базовий тариф безплатний і дозволяє працювати над обмеженою кількістю проєктів, чого зазвичай вистачає для навчання та особистих задач. Платні плани потрібні командам: вони знімають ліміт на файли, дають спільні бібліотеки компонентів і розширене керування доступами.
Чим Figma відрізняється від Photoshop?
Photoshop створений для роботи з растровими зображеннями і фотографією. Figma — для інтерфейсів: у ній є компоненти, авто-макет, прототипування і спільне редагування у браузері. Обробити знімок у Figma не вийде, зате зібрати екран застосунку — у рази швидше.
Чи можна з Figma отримати готовий код?
З макета можна скопіювати CSS для окремого елемента, а плагіни вміють генерувати розмітку. Але продакшен-код так не отримують: згенерована верстка зазвичай не адаптивна і не вписується в архітектуру проєкту. Figma лишається джерелом специфікації, а не заміною розробника.
Чи потрібен для Figma потужний компʼютер?
Ні, редактор працює у браузері, і основне навантаження лягає на нього, а не на відеокарту. Помітно гальмувати Figma починає на дуже важких файлах із сотнями екранів і растровими зображеннями — лікується це поділом проєкту на кілька файлів.