Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
직업을 고르면 잘 맞는 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을 써서 하나씩 안내해 줘. 키나 토큰이 필요하면 내 컴퓨터 어디에 넣는지 알려 주고, 채팅에 키를 입력하라고 하지 마.Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
Verified React chart generation: select, validate, repair, render, and inspect charts through MCP.
The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, catch AI slop before it ships.
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.
목록은 최신 데이터로 다시 고릅니다. 키는 저장하지 않습니다.