NНейротерра гаджеты · игры · нейросети

Верстать нейронкой по Фигме без Фигмы

Опубликовано: 2026-09-30 18:32

Нейронки ранней осени 2026 - Astra и Opus 5.5 - умеют верстать HTML по векторному дизайну в Figma. Я уже тестировал и остался доволен. Но есть нюансы

Нужен ли нам вообще это MCP осенью 2026 года? Нужен ли нам вообще редактор Figma?

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

Я спросил у Sonnet 5.5 и вот что он ответил

Да, .fig можно читать и без Figma. Я уже вытащил из вашего файла дизайн billing-page: структуру, тексты, цвета, шрифты, тени и радиусы.

Формат Figma .fig — это zip. Внутри canvas.fig (формат fig-kiwi: схема сжата deflate, данные zstd), meta.json, thumbnail.png и папка images/.

Нейронка отлично распаковала и получил 174 узла с полными свойствами. Затем мы с ней оговорили некоторые нюансы, как страница должна вести себя на разных разрешениях и какого стиля придерживаться в CSS.

Пока мы говорили, у меня закончился 5 часовой лимит в Claude Code и я пошел дал ту же задачу GPT 6 Sol. Вторая нейронка подумала, сказала, что тоже может и начала верстать.

Пока GPT 6 Sol верстала - прошло минут десять, у моего Claude Code начался новый период активности, Sonnet пришел в себя и быстро закончил работу.

Sonnet 5.5 - зверь! Вообще этот осенний выпуск от компании Anthropic - модели Opus и Sonnet - очень быстрые, очень умные и толковые.

Я попросил снять скриншот (сделать PNG) с дизайна в Фигме и сравнить пиксель в пиксель - Sonnet 5.5 сделал и это, и отчитался, что расхождения в основном в шрифтах - а они всегда немножко иначе выглядят в реальном браузере, чем в Фигме.

Итак, вердикт - вам не нужен MCP и подписка ради него на Фигму. Если вам нужно, чтобы нейронка верстала по макету - просто сохраните дизайн как .fig файл и обращайтесь к Claude Code Sonnet 5.5 - уровень Medium вполне достаточно.

PS: GPT 6 Sol High тоже справилась. Но помните о важных вещах - в конце обязательно просите нейронку самой погонять дизайн в браузере, а еще сравнить скриншот дизайна пиксель в пиксель.