Вайбкодинг для дизайнера: выбор сервиса для создания прототипов лендинга

[suburg]

Спасибо, интересно.

Подскажите про Figma Make - он даёт на выходе обычный проект Figma Design, с которым можно работать далее штатным образом? Или там какие-то свои проекты?

Если свои, то перенос результатов из Figma Make в Figma Design не пытались сделать?

[tim_kate1010]

Добрый день!

Figma Make делается в своем подразделе Figma, он отображается в общем потоке всех проектов. Однако можно перенести макет в Figma Design и продолжить работу над ним.
Можно еще использовать ссылку на фрейм вашего макета и попросить Figma Make сверстать в лендинг (например), но там нужно будет поработать над анимациями и слоями, так как на адаптивах, это не всегда корректно выглядит.
По промтам адаптивы выходят лучше, чем по макету(

[suburg]

В моих мечтах живет проект Figma Design, который можно править и руками, и с помощью ИИ. И чтобы ИИ корректно использовал дизайн-систему и компоненты.

Но видимо это пока мечта.

[tim_kate1010]

О даааа))0 Слышала, что что-то похожее уже пробуют. Знаю что есть нейронки, которые по макетам могут сделать UI спецификацию для разработки

[tsornik]

Здравствуйте!
А как вы развернули код из Lovable на Figma Make?

[tim_kate1010]

Добрый день!

Есть два пути:

1. Необходимо настроить синхронизацию Lovable с GitHab и скачать оттуда код, а потом развернуть на Figma Make, так же через синхронизацию.

2. Этот путь более простой и кастыльный, так сказать. Опубликовывайте страницу на Lovable, открываешь HTML страницу, правой кнопкой мыщи или через тачпад нажимаете «Посмотреть код», выделяете все строчки и капируете. Потом сохранете в любом редакторе и сохраняете в формате .txt. И уже потом добавляете документ в Figma Make и пишите промт: «создай страницу используя за основу прекрепленный документ».

[eldarkorneev]

Одна из лучших статей, которые я читал на habr