Добавить в корзинуПозвонить
Найти в Дзене

Дизайн в коде, без дизайнера и figma

Ну что, клодик выкатил инструменты для дизайна. Да, есть официальный скилл frontend-design, но сейчас вышел полноценный инструмент. Кстати, обратите внимание, что гугл был в догоняющих, а теперь клод догоняет гугл в инструментах для дизайна. Вот она сила огромной корпорации, которая, когда надо, может сконцентрировать свои ресурсы на достижении цели. Антропик явно пытается успеть залететь в такое важное направление, как дизайн. Код генерировать уже могут, но с дизайном ещё есть проблемы. В общем, на рынке сейчас, как по мне, всего 3 более-менее нормальных инструмента, которые дают гибкость и приемлемый результат: google stitch claude design figma mcp вот тут чел делал обзоры (stitch, claude design), но лучше самому пощупать. Как же быстро всё двигается, настолько зажрался, что называю текущие инструменты более-менее нормальными)) Алло, буквально год назад ты ручками код писал, очнись У меня было 2 поста (1, 2), где попробовал подойти к дизайну со стороны, когда сначала описываем

Дизайн в коде, без дизайнера и figma

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

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

В общем, на рынке сейчас, как по мне, всего 3 более-менее нормальных инструмента, которые дают гибкость и приемлемый результат:

google stitch

claude design

figma mcp

вот тут чел делал обзоры (stitch, claude design), но лучше самому пощупать.

Как же быстро всё двигается, настолько зажрался, что называю текущие инструменты более-менее нормальными)) Алло, буквально год назад ты ручками код писал, очнись

У меня было 2 поста (1, 2), где попробовал подойти к дизайну со стороны, когда сначала описываем CJM, потом в google stitch формируем дизайн-систему, дальше по CJM набрасываем экраны, сохраняя единый стиль.

И хотел написать 3-й пост «как сделать, чтобы при генерации экранов сохранить эталонный каркас дизайна с минимумом шлифовок?», но, возможно, такой подход сложнее для небольших проектов и совсем не нужен. Особенно когда появился claude design. Возникает вопрос: «а зачем мне google stitch или figma?» Буду создавать сразу в коде.

Все плюшки claude design можно глянуть на ютубе, там за меня уже всё рассказали. Лично для меня сейчас claude design — это преимущество, потому что вся локальная инфраструктура выстроена под claude. Как минимум удобно, нет гемора с подпиской в google stitch.

Так что, круто?

Теперь можно положить CJM и дизайн-систему в репозиторий, подключить проект к браузерной версии, просить клод набрасывать экраны, удачные сразу экспортировать в проект. Ну, кайф.

Короче, буду пробовать.