Комментарии 11
Ну ИИ-редактор в фигме классно работает — но тоже в pixel perfect не укладывается. Прям похожая проблема, как и та, что вы описали с MCP.
MCP лучше, потому что тащит атрибуты. Но семантика… вот как объяснить, что это именно кнопка? Без Code Connect и правил оно так и будет рисовать квадраты с текстом
Мне не до конца понятно, как делать однозначные ассоциации компонентов figma и кода. В фигме даже если примитивы сгруппированы в компонентов — это всë ещë множество примитивов. А в коде это компонент кнопка с кастомизацией отображения. И как сделать эту связь прозрачной не ясно.
Я лучше просто буду кодить и поправлю ошибки у себя, чем сидеть разбираться в коде ИИ, искать, почему он делает неправильно, потом перестраивать структуру кода и так далее. Это уже какая-то совсем другая работа
Тут без дисциплины вообще никуда… если в Figma и в коде названия совпадают — цвета, стили, кнопки — агент реально подхватывает. Если бардак с неймингом — будет бардак и в коде. MCP тут скорее усиливает проблему, чем решает её.
Хорошо, что отдельно подсветили путаницу со статикой и динамикой. Тут помогает контракт-ориентированная генерация: сначала описать интерфейсы входных данных и состояния, потом просить UI на этих типах. Тогда не придётся выковыривать захардкоденные строки из верстки.
Я тоже пробую MCP в фигме вовсю. Простые экраны мспшка сама собирает… а вот сложные уже без танцев с бубном не выходят. Либо пилить на части, либо закатывать суперподробный промт. И это всё равно не one-shot, а куча итераций.
В фигме это всё ещё прямоугольники и текст, а в коде -- кнопка с логикой. Пока не появится однозначная связка (типа Code Connect), мспишка будет только гадать, и вы вместе с ней. Оно может и похоже получится, но дорабатываааать…
Круто, что Surf наконец-то дошёл до ИИ.
Потрясающе - подготовить большой мануал, чтобы потом "за 10 минут" сверстать кривой блок. Успех, чо.
Можно ли сделать мобильный интерфейс без человека. Эксперимент с ИИ. Часть 1