дизайн система у фігмі: як крок за кроком перетворити безлад на порядок

Створювати та змінювати інтерфейс без дизайн системи — те ж саме, що і працювати без формального процесу взагалі: щодня—згадувати та винаходити колеса, щотижня—очікувати на неприємні сюрпризи при передачі у розробку, щомісяця—втрачати два повних робочих дня на “гасіння пожеж”. Це якщо пощастить.

Тут і зараз ми:

• створимо примітивні та семантичні кольори як один стиль з використанням токенів
• створимо кнопку як один компонент з простою документацією
• поєднаємо стиль та компонент

Зроблено для дизайнерів рівня сильний мідл—свіжий сіньйор, які нещодавно втратили час та психічне здоровʼя через безлад у стилях і компонентах.

Буде корисно усім дизайнерам, які вже вміють робити якісно та довго, а тепер вчаться робити швидко та передбачувано.

Буде цікаво усім, хто має на продукті дизайн систему, і хоче зрозуміти чому дизайнери раптом почали говорити про токени та семантику.

тут можна завантажити собі практичні файли для роботи у Figjam та Figma