587просмотров
63.0%от подписчиков
25 февраля 2026 г.
stats🎬 ВидеоScore: 646
Я поднял свой Storybook за 10 минут 📕 Всегда было интересно пощупать его самому, решил по быстрому поднять его для Иэс и глянуть что из этого выйдет Как правило в работе он либо уже есть в компании, либо его заводят разработчики — без фактического участия дизайнера на старте и техническом этапе Давайте по полезным наблюдениями: — Завести его можно как в начале проекта, так и в середине или даже в конце — вообще без проблем — Поднимается прямо внутри проекта: создаются 2–3 дополнительных файла, а к каждому компоненту добавляется +1 файл-документация (в формате .tsx) — Запускается легко через npm run storybook на отдельном локальном хосте, удобно 👌 — Лучше начинать фронт проекта с него или вести параллельно: документировать компоненты, описывать пропсы и сразу видеть их визуально в разных состояниях. С проблемами такого рода я столкнулся когда впервые садился верстать компоненты из фигмы с нуля на чистом холсте — Токены кстати тоже можно там отобразить, удобно видеть все детали проекта в приятном и понятном визуале а не коде Почему я вообще решил попробовать его завести? Я хочу собрать свою дизайн-систему: из Figma — в код, из кода — в прод, и подключить к этому самописный бэкенд Сейчас я постепенно собираю большой проект, о котором позже смогу рассказать подробнее Хочу пройти полный, «здоровый» цикл:
от дизайн-системы в Figma → к Storybook → к полноценному фронту → отдельному серверу с бэком и админкой Гипотезы уже протестированы, в голове картинка есть но всё пока руки полноценно не доходят
Но дизайн накидывать я уже начал, компоненты собираю в фигме, ожидается полный фарш 📝