Prompting gen plugins for beginners | Figma
Summary
Figma's agent-powered plugin builder enables non-engineers to create production-ready plugins in 5-15 minutes using natural language prompts. Three real plugins—design system updater, print preflight checker, and language translator—were built with minimal iteration, proving AI agents dramatically compress the design-to-tool development cycle.
Key Takeaways
- First plugin version achievable in under 5 minutes with a single well-contextualized prompt; refining to production-ready takes 2-3 additional prompts over 15 minutes total.
- Providing right context and examples to the agent reduces iteration cycles; the preflight plugin needed only one prompt adjustment versus the language plugin's three iterations.
- Leveraging external APIs (like translation services) can be faster than native Figma functionality; recognize when to integrate third-party tools versus building from scratch.
- Plugin templates accessible via right-side panel and left toolbar; discoverable UI placement matters for adoption and workflow integration in design systems.
- Natural language prompting + iterative agent refinement enables designers to build workflow automation without programming knowledge; democratizes plugin development.
Related topics
Transcript Excerpt
Today, I'm going to show you how to build plugins using the Figma agent to level up your content, design system, and brand workflow. So, let's go. Let's start with the design system view. It's about updating components. Going to the right side panel, I can trigger the plugin, and here I have the different options. Let's go back to the agent and to the change log feature. And here we see the three chats for my three [music] plugins. Here, I also hit a couple of ones to really get it the right way, but again, it didn't took me more than 15 minutes. Got the first version, I was missing some functionalities. I didn't got the right content or the specific JSON. After two runs, I had the plugin exactly as I wanted to. Let's quickly switch to the print [music] preflight plugin for our branding wo…
More from Figma
- From code to design layers with variables attached
- Easily animate loaders with the arc tool and Figma Motion
- Motion for people who are scared of motion software | Figma Motion + agent demo
- The canvas is not dead ft. Catt Small (Dropbox) | Config 2026
- Figma for Edu workshop: Making vector icons in Figma