Plugin · 6 included skills
Figma Design Toolkit
A Figma file should remain editable after the design conversation. Figma Design Toolkit helps you change frames, build FigJam boards, move selected Stitch work into Figma and inspect the visible result.
Keep it editable, then look at what changed.
What can you do with it?
- 01
Edit Figma from a reference
Update a screen to match an approved reference while keeping the labels and content that must stay.
- 02
Move designs between Stitch and Figma
Import selected Stitch screens as editable Figma layers, or turn Figma frames into focused Stitch iterations.
- 03
Build boards and review the result
Create editable FigJam workshop boards and review rendered designs for usability and craft before handoff.
Start with one frame.
Name the Figma file or frame, the change you want, approved references and anything that must stay. For broad work, Figma Operator checks the editor state before making changes.
Update this Figma screen to match the approved reference while keeping these labels: [labels]. Check the current frame first, make the edit, then compare the visible result with the reference and tell me about any differences.
Bring: The Figma file or frame, an approved reference and must-keep content. Expect: An edited frame with visual QA against the source.
Explore 6 example prompts →Add it to your AI app.
Download the plugin ZIP, then follow the setup for your host. Start a fresh session and try one task.
SHA-256 checksum file for this plugin ZIP.
Uploading a ZIP into an ordinary web chat does not install the plugin.
You need your own Figma account, permission to edit the file and a Figma connector or computer-use route in your host. No account, API key or MCP server is included. Check the requirements.
Technical details, checksums and historyChoose a skill for your task.
Start with Figma Operator for editor work or getting-started questions. Choose a specialist for a defined transfer, reference or review.
Edit in Figma and FigJam
Move work between Stitch and Figma
Explore and prepare references
Automatic guidance: hooks
Version 0.2.3 registers no automatic hooks. You can use the included skills by asking your assistant for the task you want to complete.
Your own apps and accounts
Figma Design Toolkit teaches workflows. Figma, Stitch, Claude and image generation remain external capabilities you already have. Installing it doesn't grant permissions, buy credits or publish designs.
New to working with AI?
Learn to give an assistant useful context and review what it returns. This beginner course teaches prompting and draft revision through a social-media project.
Learning Studio course: ChatGPT for Beginners: Learning to Prompt →Setup and compatibility
- Your AI host
- Use Codex, Claude Code or another host with a Figma connector or computer-use tools. Start a fresh task after installing so the skills are discovered. Read setup details
- Accounts and permissions
- Bring your own Figma account and file access. Stitch, Claude and image generation are optional and need their own access. Read setup details
- Structural checker
- An included checker uses Python 3 and the standard library. Python isn't needed just to use the workflows. Read setup details