Connect a design library
Point the agent to your design system so tooltips use your real terminology, voice guidelines, and component naming conventions.
Generate helpful tooltips right on your canvas
Create clear, contextual tooltip copy with AI—directly in Figma Design. Describe the action, get microcopy that guides users, and place it where it belongs. No switching to a separate writing tool.
Write better tooltips, faster
Figma's agent understands your interface and generates microcopy that fits the moment, so every tooltip actually helps.
Generate in context, not in isolation
Figma's agent sees your actual buttons, icons, and flows when writing tooltips—so the copy matches what users see and does the explaining your UI needs, not generic placeholder text.
Cut the writing busywork, stay building
Hand off the microcopy drafts—tooltip hints, hover explanations, helper text—and keep your focus on the interaction design that shapes how people actually use the product.
Keep your team aligned on every word
Tooltips generate in the same file your team works in, so writers, designers, and developers see the copy in context and can refine it together without separate handoffs.
The features behind the copy
A closer look at what sets Figma's agent apart, built for the way design teams actually work.
Parallel prompting
Generate tooltip variations for multiple components at once—explore different tones or lengths simultaneously without waiting between prompts.
Shareable threads
Share a thread and your team sees the full prompt, context, and iteration history behind any tooltip. No separate handoff needed.
Refine with follow-ups
First draft too long? Tone not quite right? Prompt again in the same thread to adjust, or try a different direction in a parallel one.
Figma feels like a natural extension of my hand. I do my design ideation on the canvas, and now the agent takes it the last mile. With my design libraries connected, I can move from design to code faster than ever before.
Andy Madrick
Product Designer, Notion
Get started with Figma's agent
Select the component
Open your file in Figma Design and select the button, icon, or element that needs a tooltip.
Describe the tooltip
Tell the agent what the element does and what context users need. Reference your design library for consistent voice.
Review the copy
Check the generated tooltip on your canvas. Refine in the same thread or try a parallel direction for a different tone.
Keep iterating
Everything stays editable as text layers, so you can fine-tune wording by hand or prompt again until it guides users perfectly.
Become an agent expert
The Figma design agent is here
Read moreWatch Figma's AI Agent in action and see how to put it to work in your own workflows.
Work with the Figma agent
Get startedHands-on playground to explore Figma agent's capabilities — from bulk edits to feedback implementation — with step-by-step guidance built right in.
How to use Figma agent in your design workflows
Watch nowLearn how to use Figma agent in your design workflows with a step-by-step tutorial from the Figma team.
FAQ
An AI tooltip generator creates helpful microcopy for interface elements—the short hints that appear when users hover over buttons, icons, or actions. Figma's agent generates this copy directly on your canvas, using your real UI context to write tooltips that actually explain what things do.
Select the element that needs a tooltip, open Figma's agent from the left side rail or hit CMD + Enter, and describe what the element does. The agent generates contextual copy you can refine in the same thread. Everything stays editable on your canvas.
Yes. Figma's agent can generate various types of UX microcopy including tooltips, helper text, and contextual hints. Point it to your design library so the copy matches your product's voice and terminology. The more context you provide in your prompt, the more useful the output.
Good tooltips are brief, specific, and action-oriented. They explain what something does without restating what's already visible. Figma's agent can help you draft tooltips that follow these principles, and you can refine them with follow-up prompts to adjust length, tone, or clarity.
Figma's agent is available on all paid Figma plans. You'll find it in the left navigation bar in Figma Design. During the current open beta, it doesn't consume AI credits—so it's a good time to explore, experiment, and share your feedback with us.
Build faster with Figma's agent