Our practice layer — not the bookmark shelf of vendor docs.
— Design × AI practice
What Design × AI means here
Design × AI on this site is the set of workflows and tools we actually run, ordered Beginner → Medium → Profi. Design resources are the primary sources we read and cite. Mixing them made `/design` look like a link dump; this topic locks the split and the track ladder.
Primary sources stay on Design resources. Weekly AI × UX sprints live at /ai-ux. Practice links into technologies and taxonomy.
Design × AI
Beginner → Medium → Profi — the same ladder as Design resources, filled with practice we run. Cite Design resources; do not confuse the two.
Beginner
- Concept visual exploreworkflow
Mood and brand exploration with a hard decide gate — not an endless Midjourney scroll.
3 sources
- Human method gateworkflow
Start small, curate AI output, and catch hallucinations before anything ships.
3 sources
- Narrow canvas assistworkflow
Use AI for rename, rewrite, and find-similar — not for inventing the whole screen.
3 sources
- Prompt → wire / mockworkflow
Bounded text or sketch → wire/mock for exploration — then a human picks the direction.
4 sources
- What Design × AI means heretopic
Our practice layer — not the bookmark shelf of vendor docs.
3 sources
Medium
- Research repo → askworkflow
Ask the research repository for cited answers before you invent a persona quote.
4 sources
- Research → prototype bridgeworkflow
Pipe cited insights into Make/agent context — design with evidence on the canvas.
4 sources2 tech
- Spec’d AI prototypeworkflow
Detailed brief plus artifacts beat vague prompts — then critique like a design review.
4 sources
- Study build → moderate → reportworkflow
AI helps build and moderate studies; humans still own the research question and the call.
5 sources
- Tokens for agentsworkflow
Make the design system machine-readable before you let an agent touch production UI.
5 sources
Profi
- Brief → decide → handoffworkflow
A Design × AI loop that ends in a decision and a shippable handoff, not a pile of generations.
4 sources2 tech
- Code ↔ canvas roundtripworkflow
Pull running UI onto the canvas, refine with designers, push intent back to code.
4 sources2 tech
- MCP design → codeworkflow
Structured Figma context via MCP into code — components and tokens, not PNG archaeology.
6 sources2 tech
- Figma MCP practice pathtool
How we use Figma’s MCP surface as a prescribed tool — cite the docs, run against a real file.
4 sources2 tech
- Ethics as ops gatetopic
Quality, IP, training, and privacy checks are part of shipping — not a slide after launch.
5 sources
15 of 15
Profi · Workflow
4 sources · 2 tech
Profi · Workflow
4 sources · 2 tech
Beginner · Workflow
3 sources
Beginner · Workflow
3 sources
Profi · Workflow
6 sources · 2 tech
Beginner · Workflow
3 sources
Beginner · Workflow
4 sources
Medium · Workflow
4 sources
Medium · Workflow
4 sources · 2 tech
Medium · Workflow
4 sources
Medium · Workflow
5 sources
Medium · Workflow
5 sources
Profi · Tool
4 sources · 2 tech
Profi · Topic
5 sources
Beginner · Topic
3 sources
Design resources
The link platform: Figma, Maze, NN/g, Flux, and the rest of the primary-source corpus.
Open Design resources