Дизайн-система для сайта и продукта: компоненты и правила в Figma

Я Евгений, дизайнер интерфейсов и веб-разработчик с 2016 года, самозанятый, работаю в Москве и удалённо. Дизайн-система — библиотека элементов интерфейса и правил: кнопки, поля, карточки, цвета, шрифты, отступы. Нужна большим сайтам и сервисам, где над интерфейсом работают несколько человек.

Начинаю с аудита того, что уже есть: собираю все варианты кнопок, заголовков и карточек со страниц. Обычно находится по десять оттенков серого и пять видов одной и той же формы. Из этого выделяю то, что действительно нужно.

Дальше собираю в Figma систему: токены цветов, типографику, сетку и отступы, компоненты с вариантами и состояниями, иконки. Всё с понятными названиями, чтобы дизайнер и разработчик говорили на одном языке.

Пишу короткую документацию: когда какой компонент использовать, как нельзя делать, примеры правильных экранов. Если нужно, передаю токены разработчикам в формате, который они смогут подключить в код.

От вас нужен доступ к текущим макетам или к сайту и человек со стороны разработки для согласования. Оплата по этапам после приёмки, договор и чеки.

• Ключевые слова:
• кит
• единый
• figma
• компонентов
• стиль
• сайта
• гайдлайн
• дизайна
• библиотека
• компоненты
• интерфейса
• kit
• система
• токены
• дизайн