Magic Draft is your AI writing partner built directly into Ditto that writes with context, in context. Unlike home grown GPTs, Magic Draft is the only tool that writes product copy that has full context into your Figma designs, style guide rules, and your entire Ditto workspace. Skip the lorem ipsums and jump straight into writing well crafted copy from the start, refine text in bulk, and ship more consistent product copy faster.
💡 Magic Draft is only available in the Figma plugin (for now) — no drafting from the web app
How Magic Draft uses context
Magic Draft doesn't rely on a wall of context crafted into the prompt. It draws from the full hierarchy of context already in your Ditto workspace, so drafts are informed from the very first suggestion and gets smarter as your team builds more context over time.
Here’s the hierarchy of context Ditto’s Magic Draft will pull from:
Your input prompt
The text layer in your design
All Ditto metadata (tags, notes, status, Figma text styles that differentiate paragraph from h1 text)
The other text in your frame
The other text in your Figma screen
All the other text in your Ditto projects and in your component library
Generate a first draft
Select one or more text layers, and click Magic Draft
Enter a prompt into the chat window the click enter. The more specific your prompt is, the better the result will be
Accept (✓) or reject (✕) the suggestion. The generated copy is displaced directly in your design so you can preview the results
💡 Magic Draft is limited to 20 text layers at a time. Select a subset of the text layers if you’re hitting the limit
Refine a draft
You have 3 option to further adjust the result Magic Draft generated:
Reject all: start the drafting process from scratch with the original copy
Refine: building off of the generated draft with a new prompt
Try again: returns to the last prompt and previous suggestions to have another go
💡 When Magic Draft creates or refines copy, it’s history of changes are tracked in the text item’s activity log
Quick Actions
For lighter edits, quick actions let you apply commonly used prompts in one click without writing a prompt from scratch. Available quick actions include:
Make shorter: trim copy down while preserving its meaning
Fix spelling & grammar: catch errors in existing or generated copy
Simplify language: reduce complexity for clarity
Tips and best practices
Let Magic Draft handle supporting copy: offload error messages, tooltips, labels, and other functional copy so content designers can focus on higher-value tasks.
Build your style guide before you draft: rules apply automatically and meaningfully shape output quality from the first suggestion.
Iterate with prompts, don't restart: use follow-up prompts to steer the draft to a better direction rather than starting from scratch each time.
Make sure your text is unique within the frame when generating copy: if Magic Draft sees duplicate copy in the same frame, it may not be able to tell where in the design it is or which context applies. The more distinct your text, the better it can orient itself.