Какие есть инструменты для поддержки дизайн-библиотек (дизайн системы, UI-kit) в актуальном состоянии?

Question

[Олег Степанов]

Как вы организуете ведение дизайн-библиотеки вашего проекта (компоненты, макеты, их версии и описания)?
Есть ли какое-то готовое решение, чтобы разработчик мог зайти на страницу проекта и увидеть, например, что дизайнер вчера обновил оформление Primary Button, которая используется на макетах номер 1 и 2?

Answer 1

[Crazy Citizen]

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

Comments

[Олег Степанов]

Я сейчас работаю в Figma, но поддерживать большую билиотеку компонентов в ней становится очень сложно.

Главное, чего не хватает:
- истории версий для каждого отдельного компонента
- списка макетов, в которых используется тот или иной компонент
- возможности давать подробные описания компонентам

Всё это можно вести руками, размещать на артбордах версии компонентов, описания, даты и тд, но это довольно неудобно в поддержке и использовании.

[Crazy Citizen]

Слышал еще про такой инструмент как zeplin, но он на сколько мне известно платный. Очень давно как то с ним удалось поработать но со стороны программиста, знакомые его хвалят, врать не буду, можете сами посмотреть)

[Михаил Проскурин]

Олег Степанов, описания давать можно

spoiler

Истории компонентов нет, но когда вы меняете мастер-компонент, всем тем, кто им пользуется, приходит уведомление об изменении.

Вот первые два пункта не имеют сильного значения, да - было бы приятно, но не более. Сейчас вы не найдёте похожего софта, с настолько удобной библиотекой компонентов, потому что сейчас банально, только два инструмента имеют функцию командной работы.

Answer 2

[Михаил Проскурин]

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

Comments

[Олег Степанов]

Фигма неудобна для поддержки большой библиотеки компонент. Выше более подробный коммент.

Answer 3

[forspamonly2]

может быть вам какой-нить Storybook нужен?