メニュー
Use when building Figma plugins, creating design automation tools, implementing sandbox/UI communication, or working with the Figma Plugin API for node manipulation, styles, and components.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/tomevault-io/skills-registry --skill figma-pluginコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
| Use when this capability is needed.
> Use when this capability is needed.
Review architecture and API design for the vfs-s3 project. Use when the user mentions @architect, asks to review an issue's design, discuss module boundaries, API shape, or architectural decisions for vfs-s3. Also trigger when the user wants to create an ADR (Architecture Decision Record) or evaluate a technical approach for the project. Intended for dispatch from Codex automation or Claude routines; GitHub trigger phrase: @vfs-s3-bot please prepare design doc Use when this capability is needed.
| name | figma-plugin |
| description | Use when building Figma plugins, creating design automation tools, implementing sandbox/UI communication, or working with the Figma Plugin API for node manipulation, styles, and components. |
| metadata | {"author":"bergside"} |
Build plugins that extend Figma's functionality using the Plugin API.
Figma plugins run in two threads communicating via postMessage:
figma.* callsfigma.ui.postMessage() and onmessagemanifest.json (name, id, main, ui)code.ts) with plugin logicui.html) with interface elements| Reference | Description |
|---|---|
| project-structure-and-build.md | Manifest, TypeScript setup, build configuration |
| development-testing-and-publishing.md | Dev workflow, testing, publishing, troubleshooting |
| api-globals-and-nodes.md | Global objects, node types, components |
| api-rendering-and-advanced.md | Paints, effects, auto layout, styles, variables, events |
| ui-architecture-and-messaging.md | iframe UI, postMessage, typed messages, plain HTML |
| ui-react-and-theming.md | React setup, hooks, Figma theme colors |
| ui-patterns-and-resources.md | Loading states, tabs, color pickers, file downloads |
| selection-traversal-and-batching.md | Selection handling, node traversal, batch operations |
| colors-and-text.md | Color conversion, manipulation, text operations |
| layout-storage-and-utilities.md | Positioning, alignment, storage, error handling, utilities |
Source: bergside/design-md-figma — distributed by TomeVault.