Skip to main content

AI content generation

Content generation writes realistic copy into text layers, based on the names you give them. Use it to replace placeholder text across a design, or to rewrite text that is already there.

How content tags work​

Where: select text layers or frames → Properties panel header → the three-dot button (tooltip More actions) → Add content tag. The tag, the instructions field (tooltip Instructions) and Generate then show in the panel.

  • The tag is the layer's name: Add content tag on a text layer named Price asks for a price. Renaming the layer renames the tag, and the other way round. Remove content tag keeps the name.
  • A tag on a frame says what the text layers inside it are about. A frame tagged Hiking boots with text layers tagged Product name and Price produces a matching pair.
  • Frame tags nest: a text layer inherits the tag of every tagged frame above it. With one layer selected, a label such as 2 inherited next to the tag counts them; hover it for their names.
  • An untagged frame adds no context, and an untagged text layer is never filled.
  • The instructions field holds free-text requirements for one tag, such as stay between 10 and 50 words. It shows with a single tagged layer selected. A frame's instructions travel with its tag as context for the text layers inside.
  • A name typed with a leading @ tags the layer as you rename it: @Price names the layer Price and tags it, and @Price;with currency also sets the instructions.
  • A tagged text layer's name stops following its text.

Generating​

Where: Properties panel → Generate, or C.

  • Generate fills every tagged text layer in the selection: a selected text layer, and the text layers inside selected frames, nested frames included.
  • Generate shows only when a selected layer has a tag, so use C for an untagged artboard with tagged layers inside. The button is disabled while you edit text, and when the selection is a tagged frame with no tagged text layer inside.
  • The request holds the tags and instructions of those layers and of the tagged frames around them. The existing text isn't sent, and it is replaced whole.
  • The new text takes the style of the old text's first character. Mixed styles and list formatting are lost.
  • Generate gives up after 30 seconds and shows an error. Text that arrived before then stays.

Refining text​

Where: select layers → /. While editing text: right-click → Refine selected text, or Insert generated text when no characters are selected.

  • A command field opens above the selection. Type what to change, such as shorter, and press Enter. Refining needs no tags.
  • With layers selected, the entire contents of each text layer in the selection are rewritten, inside selected frames too. Each layer's text is sent with your command.
  • With characters selected while editing, only those are replaced. With only the caret placed, new text is inserted at the caret. Up to 500 characters before and after are sent as context.
  • / and C are off while you edit text; use the context menu.
  • Each refinement is one undo step (undo in a shared document).

Bindings, instances and read-only access​

  • Bound content. Binding a text layer's content to a variable or an input removes its tag, and Add content tag is disabled for it (bindable properties). Outside an instance, Generate and refine leave such text unchanged.
  • Inside an instance. Instances inherit their tags from the main component; you can't edit those tags on the instance or on a layer inside it. Generate and refine still work there: the new text is an override (what an instance can override). When the text layer follows a component input, refining it on an instance updates that instance's input value (assigning inputs).
  • Read only mode hides Generate and the context-menu item, C and / do nothing, and tags can't be changed (who can do what).