AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

UX design

Attach a Figma frame: 1:1 build vs style reference

Tell Make whether the attached frame is the layout to rebuild or only a style reference.

Prompt

I attached a Figma frame. Use it like this.

Use: [1:1 build or style reference]

If 1:1: rebuild this frame. Match structure, spacing, type, and color from the frame. Prefer the Auto Layout in the source. Build this one screen: [screen]. Ignore: [what to leave out].

If style reference: take color, type, and density from the frame. Do not copy its layout. Build: [the screen].

Do not treat a Figma file URL as the design. If I only pasted a link, stop and ask me to attach the frame.

How to use

  1. 01

    Attach the frame or component in Make. Do not paste a file URL.

  2. 02

    Pick one: 1:1 build or style reference. Delete the other paragraph before you send it.

  3. 03

    Use a screenshot only when you want loose direction, not exact colors.