Design · phase
Phase 3: Ideate
Explore multiple design approaches for your component.
/design-ideate <component-name>Figma
Figma steps require a Figma MCP server; see the design workflow page.
Purpose
The ideate phase generates multiple design options before committing to an implementation. This prevents jumping to the first solution and encourages creative exploration.
Prerequisites
Requires .singularskills/design/<component-name>/02-define.md (the component contract) from Phase 2. Its gate script (scripts/gate.sh) stops the skill if it is missing; --skip-checks bypasses it after logging a skipped event to .singularskills/log.jsonl.
What It Does
- Reads the component contract
- Generates 3+ distinct design approaches
- Evaluates each against the contract's constraints
- Recommends one approach with rationale
- Optionally creates a FigJam brainstorming board with
figjam_create_stickiesandfigjam_create_table - Writes to
.singularskills/design/<component-name>/03-ideate.md
Output
Creates .singularskills/design/<component-name>/03-ideate.md containing:
- Multiple design options with visual descriptions
- Trade-off analysis for each option
- Constraint compliance evaluation
- Recommended approach and reasoning
Next Phase
NextPrototype
After ideate, proceed to Prototype to build the chosen design in Figma.