Сегодня попробовал MCP от Figma
👁 532↗ 8💬 12
Я уже больше 10 лет занимаюсь только Backend разработкой и я никогда не любил заниматься версткой и фронтендом в целом.
Однако, как для соло-предпринимателя, мне необходимо было как-то реализовывать коммуникацию пользователя с кодом.
Раньше я всегда использовал для этого телеграм ботов, потому что это позволяло имея навык Backend разработки сделать удобный функционал для работы.
Но сейчас вайбкодинг стал большим прорывом и такие инструменты как MCP от Figma дают возможность быстро сделать MVP причем намного удобнее, чем в рамках телеграм бота.
Как итог, у меня получилось перенести дизайн с макета и очень даже неплохо, но если отключить перфекционизм. Потому что Claude Code не смог закодить всё как было в дизайне и это в любом случае придется дорабатывать вручную или через дальнейший промтинг.
Еще стоит отметить, что MCP Figma работает через API и поэтому на бесплатном тарифе доступно всего 6 запросов в месяц.
Мне пришлось купить подписку за $15 чтобы продолжить пользоваться.
Еще есть альтернатива, использовать framelink.ai. Там достаточно использовать API_KEY, чтобы эта mcp делала скриншоты и по ним верстала.
Но я еще не пробовал, отпишусь, как проверю.
В общем, я сейчас собираю, что-то типа личного фреймворка для быстрого запуска МВП. И Figma-mcp точно в него входит.
45/100
Telegram
113
Комментарии · 12
- @codedarkonsА figma-mcp не скриншот разве делает, как https://www.framelink.ai/? Вообще, как будто лучше использовать генерацию по скриншотам с дизайна, а после дорабатывать в фигме-мсп, что думаешь?
- в figma-mcp намного больше инструментов, чем просто скриншот https://developers.figma.com/docs/figma-mcp-server/tools-and-prompts/
- У меня есть идея в том, чтобы с figma тянуть UI-KIT только, а компоновать его уже промтами самому
- То есть, чтобы в фигме были отрисованы все компоненты, которые через MCP, можно было перенести в код. Будет что-то типа своей библиотеки по типу MUI.
- @MIXAdevПочему тут нейронки справляются намного хуже обычных скриптов? Ведь, к примеру в ту же тильду или вебфлоу можно перенести макет из фигмы в верстку 1в1.
- Я думаю надо настроить правильно просто, чтобы llm не придумывала ничего сама
- @IncadescentoА как ты продумываешь ux?
- Я бы сказал по наитию. И подсматриваю у других. Если есть прямые конкуренты, то делаю первично как у них, а потом уже какие-то места дорабатываю как мне кажется удобнее было бы
- @IncadescentoА используете какие то ии тулзы для макетов?
- Для создания макетов? Нет
- @dragromanПробовал Trae IDE? там есть режим Solo с интеграцией Figma
- не пробовал. Я вот сегодня хочу новую IDE попробовать от гугла, у них какой-то прям супер крутой агент получился. Говорят рвет всех)