Docs · How-tos
Make a useful variant without redesigning everything
Create one distinct alternative while protecting the content, behavior, and structure that already belong.
4 min read
Outcome and prerequisites
The outcome is a sibling version with one meaningful difference, so you can compare directions without losing the source component.
- Start from the strongest working version on the canvas.
- Name the product job, content, and behavior that must stay intact.
- Choose one difference important enough to compare.
Workflow
- 01
Choose the useful source version
Start from the component that best preserves the current product direction.
- 02
Protect the invariants
Name the content, behavior, or structure that must remain intact.
- 03
Define one real difference
Ask for a different hierarchy, density, composition, or interaction—not random decoration.
- 04
Compare the result
Judge the source and variant against the product job, interaction, and fit with the surrounding interface.
- 05
Keep the stronger direction
Continue refining only the version you can explain and defend.
Expected result
You should have two working versions that differ in one deliberate way and a clear reason to continue with one of them. Move the selected version into code when the comparison is resolved.