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

Visual design

Replace a generic component with a library component

Swap Make's default control for one from your library, and match the surrounding type and spacing.

Prompt

Replace the selected element with a component from the attached library.

Selected element: [what Make drew]
Replace with: [library component name]
Keep: the position in the layout, the label, and the behavior

Match the type size, weight, and spacing of the components next to it.
Do not restyle the rest of the screen.
Do not invent a new variant. If the library has no matching component, say so and stop.

How to use

  1. 01

    Select the element in Make, or name it so there is only one match.

  2. 02

    Attach the library or guidelines file if it is not already on the file.

  3. 03

    Swap one component per prompt.