К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

figma-create-new-file · figma — скилл для Claude Code: создание файлов

Скилл ведёт агента через MCP-инструмент create_new_file: какой план и тип редактора взять, чтобы новый файл Figma появился там, где нужно.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add figma/mcp-server-guide --skill figma-create-new-file -a claude-code
Открыть на GitHub

Что делает figma-create-new-file

Скилл задаёт порядок шагов для MCP-инструмента create_new_file. Сначала берётся план, который человек уже выбрал. Если выбора не было, агент зовёт whoami и смотрит список планов. Один план — используется его key. Несколько — список показывается, и агент ждёт выбора. Пусто — создание файла дальше не идёт.

Потом вызов с тремя обязательными аргументами: fileName, planKey, editorType. Имя файла скилл придумает сам, если его не задали. projectId необязателен и нужен, чтобы положить файл в конкретный проект. Из ответа берётся file_key, он пойдёт в следующие вызовы вроде use_figma.

Для Slides есть отдельная оговорка. Новый файл пустой, figma.getSlideGrid() возвращает [], поэтому перед чтением свойств слайда нужен figma.createSlide(). Без подключённого MCP-сервера Figma и авторизации вызывать нечего: скиллу нужны сами инструменты create_new_file и whoami. Вот это и стоит проверить до установки.

Какие задачи решает

  • создать новый файл Figma Design прямо из чата с агентом
  • завести пустой FigJam под разбор задачи
  • выбрать нужный план, когда их в аккаунте несколько
  • положить файл в конкретный проект через projectId
  • обойти пустую сетку слайдов в новом файле Slides

Примеры запросов агенту

  • Создай новый файл Figma Design под экраны онбординга
  • Сделай пустой FigJam для ретро команды
  • Нужен новый файл Slides, назови его Weekly sync

Как установить figma-create-new-file

1Через Skills CLI (Vercel)

npx skills add figma/mcp-server-guide --skill figma-create-new-file -a claude-code

2Вручную: положить файлы

~/.claude/skills/figma-create-new-file/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/figma-create-new-file/

Другие версии figma-create-new-file

Похожие

photo-abstract-editorial ZzzLc0405 Превращает снимок в вертикальный диптих с исходным фото и абстрактной панелью. Пригодится для создания минималистичных постеров с кратким заголовком. Claude Code CX Codex Cursor +1 737установок cli-anything-inkscape HKUDS Скилл даёт агенту интерфейс командной строки для редактирования векторной графики Inkscape через JSON-проекты и манипуляции с SVG. Claude Code CX Codex Cursor +1 599установок qa-test-planner softaworks Собирает тест-план, ручные тест-кейсы, регрессионный набор и баг-репорт по описанию фичи. Запускается только по имени: qa-test-planner. Claude Code CX Codex Cursor +1 4 300установок typeui-fundamentals typeui.sh Скилл задаёт агенту базовые правила UI/UX: визуальную иерархию, 4-пиксельную сетку, типографику и требования доступности WCAG. Выручает, когда в дизайн-системе нет готового ответа. Claude Code CX Codex Cursor +1 2 200установок fal-assets rehan-remade Генерирует спрайты, бесшовные текстуры, PBR-карты, 3D-модели и звуки через API fal. Пригодится разработчикам модов и инди-игр, когда в проекте не хватает арта или аудио. Claude Code CX Codex Cursor +1 1 400установок ios-hig-design wondelai Скилл помогает проектировать нативные iOS-интерфейсы в соответствии с Human Interface Guidelines Apple. Пригодится, когда вы делаете приложение для iPhone или iPad и хотите, чтобы оно выглядело как родное для платформы. Claude Code CX Codex Cursor +1 8 100установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. Claude Code 1 424 476установок

Вопросы о figma-create-new-file

Как установить figma-create-new-file в Claude Code?

Выполните npx skills add figma/mcp-server-guide --skill figma-create-new-file -a claude-code. Скилл появится по пути ~/.claude/skills/figma-create-new-file/SKILL.md.

Что делает figma-create-new-file?

Описывает агенту, как подготовить аргументы для create_new_file и вызвать инструмент: откуда взять planKey, какой editorType подставить, что делать с необязательным projectId.

Что нужно, чтобы скилл заработал?

Подключённый MCP-сервер Figma с инструментами create_new_file и whoami и авторизация в аккаунте. Без них агенту нечего вызывать.

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой