·figma-design-to-code
*

figma-design-to-code

✓
ecomfe/tempad-devGitHub: ecomfe/tempad-devИсточник: ecomfe/tempad-dev

Реализуйте готовый к интеграции код пользовательского интерфейса из выбора Figma или предоставленного nodeId, используя TemPad Dev MCP в качестве единственного источника свидетельств проектирования (снимок кода, структура, активы, токены, конфигурация генератора кода). Сначала определите целевой стек репозитория и соглашения, а затем преобразуйте TemPad Dev, похожий на Tailwind JSX/Vue IR, в собственный код проекта без добавления новых зависимостей. Никогда не угадывайте ключевые стили или размеры. Если необходимые доказательства отсутствуют/противоречивы или активы не могут быть обработаны в соответствии с политикой репо, остановите или отправьте безопасную базу с явными предупреждениями и упущениями.

ecomfe·figma·design·to·code
35Установки·2Тренд·@ecomfe

Установка

GitHub: ecomfe/tempad-dev
$npx skills add https://github.com/ecomfe/tempad-dev --skill figma-design-to-code

Как установить figma-design-to-code

Быстро установите AI-навык figma-design-to-code в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/ecomfe/tempad-dev --skill figma-design-to-code
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: ecomfe/tempad-dev.

SKILL.md

Показать raw

This skill requires TemPad Dev MCP. If tempad-dev: tools are unavailable/inactive/unauthorized, stop and tell the user to install TemPad Dev MCP and ensure it is activated in the TemPad Dev panel in the Figma design file.

TemPad Dev outputs Tailwind-like IR in either JSX or Vue. Treat MCP outputs as design facts. Never guess key styles.

Never invent: colors, typography (size/weight/line-height/letter-spacing), spacing, radius, borders, shadows, gradients, opacity/overlays, blur.

Реализуйте готовый к интеграции код пользовательского интерфейса из выбора Figma или предоставленного nodeId, используя TemPad Dev MCP в качестве единственного источника свидетельств проектирования (снимок кода, структура, активы, токены, конфигурация генератора кода). Сначала определите целевой стек репозитория и соглашения, а затем преобразуйте TemPad Dev, похожий на Tailwind JSX/Vue IR, в собственный код проекта без добавления новых зависимостей. Никогда не угадывайте ключевые стили или размеры. Если необходимые доказательства отсутствуют/противоречивы или активы не могут быть обработаны в соответствии с политикой репо, остановите или отправьте безопасную базу с явными предупреждениями и упущениями. Источник: ecomfe/tempad-dev.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/ecomfe/tempad-dev --skill figma-design-to-code
Источник
ecomfe/tempad-dev
Категория
*Креатив
Проверено
✓
Впервые замечено
2026-03-03
Обновлено
2026-03-11
URL
https://www.learn-skills.dev/ru/skills/ecomfe/tempad-dev/figma-design-to-code

Browse more skills from ecomfe/tempad-dev

Короткие ответы

Что такое figma-design-to-code?

Реализуйте готовый к интеграции код пользовательского интерфейса из выбора Figma или предоставленного nodeId, используя TemPad Dev MCP в качестве единственного источника свидетельств проектирования (снимок кода, структура, активы, токены, конфигурация генератора кода). Сначала определите целевой стек репозитория и соглашения, а затем преобразуйте TemPad Dev, похожий на Tailwind JSX/Vue IR, в собственный код проекта без добавления новых зависимостей. Никогда не угадывайте ключевые стили или размеры. Если необходимые доказательства отсутствуют/противоречивы или активы не могут быть обработаны в соответствии с политикой репо, остановите или отправьте безопасную базу с явными предупреждениями и упущениями. Источник: ecomfe/tempad-dev.

Как установить figma-design-to-code?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/ecomfe/tempad-dev --skill figma-design-to-code После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/ecomfe/tempad-dev

Детали

Категория
*Креатив
Источник
skills.sh
Впервые замечено
2026-03-03

Похожие навыки

Нет