С
Снято! — вайб-дизайн
@shot_neurodesign36 подп.
28просмотров
77.8%от подписчиков
30 марта 2026 г.
🎬 ВидеоScore: 31
🪄 В догонку к этому попробовала обратный вариант figma2code - и через Claude Code Opus 4.6 и через Codex GPT 5.4 Thinking После подключенного MCP это все работает очень легко - просто LLM отправлять ссылку на нужный фрейм/сайт в Figma и просишь сверстать дизайн. Что в итоге? Магия не произошла 😢, формально все выглядит красиво - модель собирает рабочий сайт, раскладывает .html, .css, .js, смотрелось круто, НО! Дизайн не соответствовал тому, что был в Figma. Он совпадал по стилю, по смыслу, по структуре, но картинки модель придумала свои и в целом от макета в фигме было очень далеко - видимо модель переделала дизайн под то, на чем обучалась (на каких то шаблонных сайтах). Как заметно улучшить и сделать pixel2pixel перенос? ✨Помимо ссылки на сайт фрейм/сайт в Figma сделать драфтовый файл .html в котором будет как раз лежать нужный каркас сайта (выделить сайт ⭢ плагин Figma to Code ⭢ скопировать ⭢ сохранить в папке проекта). ✨Если есть иконки, то лучше сохранить их тоже в папку assets в формате .svg, а то на сайте все поплывет. ✨Сложные группы/фреймы с режимами наложения у слоев заранее экспортировать картинками в assets ✨Дополнительно я еще сделала скрины каждой секции сайта и тоже их сохранила, в духе подглядывай как это должно выглядеть. После этого первый прогон стал заметно ближе к макету. Дальше можно делать мелкие правки уже ручками. Ну и минус этой всей истории с .html файлом в том, что если у вас фрейм заданных размеров, то в браузере он не будет растягиваться на весь экран и адаптироваться под ваш монитор, а сделает именно такие размеры, которые были в Figma (ну, думаю, что это легко фиксится) Завтра будет Figma x Claude Code Live: Roundtrip workflows with Figma MCP, где расскажут больше лайфхаков работы Figma в связке Claude Code p.s. И Codex GPT 5.4 Thinking и Claude Code Opus 4.6 делают одинакого по результату, только клод делает очень медленно, для собрать драфт на коленке для такой задачи достаточно будет кодекса @shot_neurodesign
28
просмотров
1994
символов
Да
эмодзи
Да
медиа

Другие посты @shot_neurodesign

Все посты канала →
🪄 В догонку к этому попробовала обратный вариант figma2code — @shot_neurodesign | PostSniper