Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
MCP · サービスにつなぐパソコンで動く
デザイナー
職業を選ぶと、合う MCP（サービスにつなぐ）と Skill（手順書）がそろいます。すべて当サイトのコマンド確認に合格したものです。
ひとことでセットごと導入
先に PopNx MCP を使っている AI アプリにつないでから、この文をチャットに貼ってください · PopNx MCP のつなぎ方 →
PopNx MCP を使って「デザイナー」セットを導入して：MCP glips-figma-context-mcp, dayuanjiang-next-ai-drawio, nteract-semiotic、Skill pbakaus-impeccable, cathrynlavery-diagram-design。各 MCP には get_install_config、各 Skill には read_skill を使い、1 つずつ手順を案内して。キーやトークンが必要なら、パソコンのどこに入れるか教えて。キーをチャットに打たせないで。セットの MCP MCP · サービスにつなぐ
Next AI Draw.io
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
MCP · サービスにつなぐパソコンで動く
Semiotic
Verified React chart generation: select, validate, repair, render, and inspect charts through MCP.
MCP · サービスにつなぐパソコンでもクラウドでも
セットの Skill Skill · 手順書
impeccable
The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, catch AI slop before it ships.
Skill · 手順書
diagram-design
Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.
Skill · 手順書
一覧は最新データから選び直しています。キーは保存しません。