figma-design-omni.mdПубличный

Figma Design Omni

Читает и использует Figma-дизайны

О скиле

Подключается к Figma и извлекает всё нужное для разработки: компоненты, токены дизайна (переменные цветов, отступов и шрифтов), спецификации элементов. Claude сам читает дизайн и понимает как его реализовать в коде. Для дизайнеров — способ убедиться что разработчик получает ровно то, что нарисовано. Для разработчиков — конец долгим переговорам «а какой тут отступ?». Если вы вайб-кодер, сможете брать дизайны из Figma и сразу верстать их через Claude. Требует Figma API-токен.

Об источнике

Автор скила — diegosouzapw. Репозиторий проекта собрал 45 звёзд на GitHub. Распространяется под лицензией MIT. Открыть репозиторий.

Как установить

  1. Открой папку скилов Claude Code: open ~/.claude/skills/

  2. Склонируй репозиторий: git clone https://github.com/diegosouzapw/awesome-omni-skill ~/.claude/skills/figma-design-omni

  3. Перезагрузи Claude Code — скил подхватится автоматически.

  4. Активируй в чате: Use figma-design-omni skill.

Установка

Не уверены, куда положить .md-файл? как установить скилл в Claude Code — пошаговый гайд.

telegram

Разбираю скилы вроде этого и близкие по теме «Контент и медиа»: где брать, как собирать и применять их на практике.

  • бесплатно
  • то, чем сам пользуюсь
  • новые скилы и разборы каждую неделю
Подписаться в Telegram
// продолжай по той же профессии или категории
// как применять скилы Claude Code на практике
Непонятные термины? Загляни в «Понятия» — словарь ИИ

Частые вопросы

Что такое скил «Figma Design Omni»?
«Figma Design Omni» — готовый Agent Skill для Claude Code и Cursor. Это .md-файл с системным промптом, который подключается одним файлом и расширяет возможности AI-редактора в задачах Вайбкодинг. Категория инструмента: Контент и медиа, Разработка. Чаще всего пригождается профессиям: Дизайн и UX/UI, Разработка и программирование. Ключевые темы скила: figma, design-system, tokens, components, design-to-code.
Как установить скил «Figma Design Omni» в Claude Code?
Скачайте .md-файл скила «Figma Design Omni» на этой странице и положите его в папку ~/.claude/skills/ вашего проекта. Перезапустите Claude Code — скил подхватится автоматически. Для Cursor и Windsurf скопируйте содержимое .md-файла в системный промпт проекта (Settings → Rules). Исходный код скила открыт в репозитории github.com/diegosouzapw/awesome-omni-skill.
Бесплатен ли скил «Figma Design Omni»?
Да, скил «Figma Design Omni» доступен бесплатно для всех пользователей без регистрации — скачайте .md-файл прямо на этой странице. Автор скила — diegosouzapw, распространяется под лицензией MIT.

Больше вопросов про Agent Skills — общий FAQ маркетплейса