Чому Figma — революційний інструмент для дизайнерів: ще 5 причин

Чому – це реально класний інструмент для дизайнерів, ми розповідали нещодавно. Хто не читав, нагадуємо, що це – онлайн альтернатива і , та ще й з можливістю спільного редагування у режимі реального часу.

Сьогодні ми назвемо ще 5 причин, чому Figma – це реально круто 😉

6. Контроль версій

Вивантаження в Dropbox завжди були неідеальні і часто породжували проблеми з конфліктом копій і плутаниною з пошуком актуальних версій. Для постійно з’являються варіанти Git для дизайнерів – наприклад, Abstract.

У Figma контроль версій нативний і простий: ви бачите, хто вносив зміни, коли, і «відкочувати» до версії в пару кліків, переписуючи або створюючи копію макета.

 7. Редактор кривих

У Figma кращий редактор кривих. Після Photoshop з його незграбним Pen Tool малювати векторні іконки в Sketch було винятковим задоволенням.

Але і тут Figma дивує. Ось лише кілька фич, від яких навертаються сльози радості:

  • Точки можна нескінченно з’єднувати з іншими, що дає можливість робити складні шейпи.
  • Видалення точки на кривій не призводить до розриву шейпу і зникнення заливки – сусідні точки компенсують колишню форму.
  • Можна міняти заливку окремі частин шейпу, які утворені перетином кривих.
  • Лінії можна рухати
  • Точки – теж, і їх положення вплине на сусідні
     
    Опис усіх чудес Vector Networks можна знайти в публікації техдиректора Figma Евана Уоллеса. Дивно, наскільки вдумлива робота була пророблена при створенні цього інструменту.
  • Сітка, лейаут і «гума»

Принципи зміни розмірів можна задавати окремо для ширини та висоти групи, чого раніше не вистачало. У Sketch є список, що випадає: Stretch → Pin to Corner → Resize object → Float in space. Важко відразу визначити, що вибрати, щоб інструмент (Resize) працював так, як потрібно.

У Figma це працює і виглядає інтуїтивно. Прив’язка «нащадка» до сторони або розміру «батька» відбувається в один клік. Залежності для об’єкта або групи можна задавати тільки від розміру Frame, а не батьківської групи.

Frame – не те ж саме, що і Artboard в Sketch. Frame можна створити всередині іншого фрейму, тому його варто сприймати просто як «прокачану» групу, а не окремий екран. До цього треба звикнути.

Завдяки тому, що рівень вкладеності фреймів не обмежений, можна робити складні сітки, які масштабуються за найбільш хитрими умовами.

Layout Grid

Налаштування сітки завжди перед очима, на відміну від Sketch, де потрібно заходити в меню, викликати «модалку» і, поки ви налаштовуєте колонки, макет недоступний для редагування. До речі, фрейми «липнуть» до країв колонок і масштабуються разом з ними, дотримуючись сітки і відступів.

  • Компоненти

Ті ж Symbols в Sketch, але не зовсім вони. Є пара серйозних відмінностей:

Батько
При створенні нового компонента він не виноситься на окремий артборд, як це зроблено у Sketch, а співіснує з «нащадками» в одному просторі.

Діти
Як кажуть самі творці Figma, копіюючи «батька», ви створюєте не його копію, а екземпляр (instance).
 
При зміні параметрів «батька» вони змінюються в усіх його нащадках – тут все як завжди. Але якщо ви вирішили поміняти стиль нащадків, всі зміни стають тільки його унікальними незалежними властивостями.

На відміну від Sketch, де редагування тексту і зображень в символі відбувається в окремій формі, в Figma це можна робити так, ніби ви редагуєте звичайну групу об’єктів. 

  • Google Fonts

Хтось відкрив ваш ескіз-макет і побачив помилку про відсутні шрифти.
Незважаючи на попередження, цей хтось відкриває файл.
Всі шрифти «злітають» на дефолтні. Спрацьовує автозбереження.
Ви витрачаєте час, перепризначаєте гарнітури до кожного текстового об’єкту.
І відчуваєте, як ваша любов до людства згасає.

У Figma шрифти «тягнуться» з Google Fonts, а той, що використовуються локально, підвантажується у проект. І це прекрасно.

_____

Прочитайте про перші 5 причин, чому Figma – це революційний інструмент для дизайнерів

Залишити відповідь