Skip to content

Compare a variant

Explore another direction without losing the source.

2 min read

Choose a useful source

Select the component whose content and behavior you want to keep. Pick one difference worth comparing: density, hierarchy, theme, or composition.

Create the alternative

  1. Ask for a separate version

    Say “Create another variant” and describe the difference.

  2. Name what stays

    Specify the content, behavior, and relationships to preserve.

  3. Compare side by side

    Inspect both live results and test their controls.

  4. Continue with a direction

    Select the version you prefer before asking for the next edit.

Try a bounded request

Example prompt
Create another variant with a more compact layout. Preserve the content, filters, colors, and interaction. Keep the original so I can compare them.

If too much changes

Return to the source and narrow the request. A useful comparison gives you a clear reason to continue with one version.

Next steps