Primary source
A generative UI (genUI) is a user interface that is dynamically generated in real time by artificial intelligence to provide an experience customized to fit the user’s needs and context.
— Kate Moran and Sarah Gibbons, Nielsen Norman Group
NN/G — Generative UI and outcome-oriented design
NN/G splits generative UI (runtime interfaces the model builds for an end user) from AI-assisted design (tools that speed designers). Names Uizard, Canonic, and v0 as the latter. The vocabulary lock for this corpus: dedicated design tools are AI-assisted design, not genUI.
STRONG · 2024 · Kate Moran, Sarah Gibbons / Nielsen Norman Group
Design resources
Primary sources for Design × AI. Practice workflows live on Design × AI.
Beginner
Vocabulary lock, then the paid tools.
20 articles · 2 categories
- Origin & definition10
Lock the vocabulary before picking tools or workflows.
STRONGarticlepaperrepo
- NN/G — Generative UI and outcome-oriented design
- NN/G — GenUI vs vibe coding: who’s designing?
- CHI EA ’24 — Concerns and challenges of AI tools in the UI/UX design process
- +7 more
- Paid tools10
Commercial products built for designers working with models.
MODERATEproductdocs
- Figma AI — product hub
- Figma Make — prompt to prototype
- Figma design agent — native to canvas
- +7 more
Medium
Open tools, systems, research, image and motion.
40 articles · 4 categories
- Open-source tools10
Open stacks you can run, fork, and audit yourself.
STRONGrepoproductdocs
- penpot/penpot — open-source design platform
- Penpot.app — AI workflows on an open canvas
- ComfyUI — node-graph AI creation engine
- +7 more
- Design systems10
Tokens, variables, and AI that lives inside the system.
STRONGdocsarticlerepo
- IBM Carbon — Carbon for AI guidelines
- Carbon MCP — IBM DS knowledge for AI tools
- Tokens Studio docs — token source of truth
- +7 more
- UX research10
Synthesis, interviews, and testing when AI is in the loop.
MODERATEarticleproduct
- Dovetail — Magic summarize, highlight, cluster, search
- Dovetail — research repository (cited answers)
- Dovetail — how we built Ask Dovetail
- +7 more
- Image & motion10
Still and motion generation as craft, not novelty demos.
MODERATErepodocsproduct
- black-forest-labs/flux-mcp — official FLUX MCP server
- BFL docs — FLUX MCP server (OAuth, no pasted keys)
- BFL — FLUX Tools (outpaint, erase, virtual try-on)
- +7 more
Profi
Brief-to-ship workflows, ethics, teams, cases.
40 articles · 4 categories
- End-to-end workflows10
Brief → exploration → ship — full pipelines, not single prompts.
MODERATEdocsrepoarticle
- Figma developer docs — MCP server (read + write canvas)
- figma/mcp-server-guide — agent setup and skills
- Figma Help — Code Connect
- +7 more
- Quality & ethics10
IP, bias, accessibility, and how you evaluate the work.
STRONGdocsarticle
- U.S. Copyright Office — Copyright and Artificial Intelligence
- U.S. Copyright Office — Artificial Intelligence Study
- Federal Register — AI-generated material registration policy (2023)
- +7 more
- Teams in production10
Organizations already shipping design this way.
MODERATEarticleproductdocs
- Figma Workflow Lab — designer ships a PR from Make
- Figma Brand Studio — Config 2026 identity with Make
- Config 2026 — getting real output from Figma Make
- +7 more
- Case studies10
Named papers and write-ups worth citing.
MODERATEarticle
- Findable — 50% faster app shell, 90% Make code
- AWS — Dovetail ships genAI on Bedrock; Instawork hours saved
- Currys — Firefly 2× faster concepts, 50–70% agency savings
- +7 more
100 of 100
Beginner · Origin & definition
STRONG · 2024 · Beenish Moalla Chaudhry
Used in: Human method gate, Ethics as ops gate, What Design × AI means here
Beginner · Origin & definition
STRONG · 2026 · Google Labs / google-labs-code · open-source
Used in: Tokens for agents
Beginner · Origin & definition
STRONG · 2025 · Megan Brown, Caleb Sponheim, Taylor Dykes / NN/G
Used in: Human method gate, Narrow canvas assist
Beginner · Origin & definition
STRONG · 2025 · Nielsen Norman Group
Used in: Prompt → wire / mock, Spec’d AI prototype
Beginner · Origin & definition
STRONG · 2023 · Jakob Nielsen
Beginner · Origin & definition
MODERATE · 2026 · Nielsen Norman Group
Used in: What Design × AI means here
Beginner · Origin & definition
STRONG · 2024 · Kate Moran, Sarah Gibbons / Nielsen Norman Group
Used in: Brief → decide → handoff, What Design × AI means here
Beginner · Origin & definition
STRONG · 2026 · Nielsen Norman Group
Beginner · Origin & definition
STRONG · 2026 · Tony Alicea / NN/G
Used in: Tokens for agents
Beginner · Origin & definition
MODERATE · 2026 · Wikipedia contributors
Beginner · Paid tools
MODERATE · 2026 · Adobe · freemium
Used in: Concept visual explore
Beginner · Paid tools
MODERATE · 2026 · Builder.io · paid
Beginner · Paid tools
MODERATE · 2026 · Figma · paid
Used in: Narrow canvas assist
Beginner · Paid tools
MODERATE · 2026 · Figma · paid
Used in: Figma MCP practice path
Beginner · Paid tools
MODERATE · 2026 · Figma · paid
Used in: Spec’d AI prototype
Beginner · Paid tools
MODERATE · 2026 · Framer · paid
Beginner · Paid tools
MODERATE · 2026 · Rustin Banks / Google Labs · freemium
Used in: Prompt → wire / mock, Spec’d AI prototype
Beginner · Paid tools
STRONG · 2026 · Midjourney · paid
Used in: Concept visual explore
Beginner · Paid tools
MODERATE · 2026 · Relume · paid
Beginner · Paid tools
MODERATE · 2026 · Uizard · freemium
Used in: Prompt → wire / mock
Medium · Open-source tools
STRONG · 2026 · Comfy-Org · open-source
Medium · Open-source tools
STRONG · 2026 · Comfy-Org / comfyanonymous · open-source
Medium · Open-source tools
MODERATE · 2026 · guercheLE · open-source
Medium · Open-source tools
STRONG · 2026 · Invoke · open-source
Medium · Open-source tools
STRONG · 2025 · lllyasviel · open-source
Medium · Open-source tools
STRONG · 2026 · open-pencil · open-source
Medium · Open-source tools
MODERATE · 2026 · Penpot · open-source
Medium · Open-source tools
STRONG · 2026 · Kaleidos / Penpot · open-source
Medium · Open-source tools
STRONG · 2026 · Tokens Studio · open-source
Medium · Open-source tools
MODERATE · 2026 · ZSeven-W · open-source
Medium · Design systems
STRONG · 2026 · Will Scott, PhD / IBM Carbon · open-source
Medium · Design systems
STRONG · 2026 · IBM Carbon · open-source
Medium · Design systems
STRONG · 2025 · Design Tokens Community Group · open-source
Used in: Tokens for agents
Medium · Design systems
MODERATE · 2026 · Tokens Studio · freemium
Medium · Design systems
MODERATE · 2025 · Figr · paid
Medium · Design systems
STRONG · 2026 · IBM Carbon · open-source
Used in: Tokens for agents
Medium · Design systems
STRONG · 2026 · Penpot · open-source
Medium · Design systems
STRONG · 2026 · Style Dictionary / Amazon origin · open-source
Medium · Design systems
STRONG · 2026 · Style Dictionary · open-source
Medium · Design systems
STRONG · 2026 · Tokens Studio · freemium
Used in: Tokens for agents
Medium · UX research
MODERATE · 2024 · Dovetail · paid
Medium · UX research
STRONG · 2024 · Dovetail · paid
Used in: Research repo → ask
Medium · UX research
MODERATE · 2026 · Dovetail · paid
Used in: Research repo → ask
Medium · UX research
MODERATE · 2025 · Gabriella (product designer) · paid
Medium · UX research
MODERATE · 2026 · Maze · paid
Used in: Study build → moderate → report
Medium · UX research
MODERATE · 2026 · Maze · paid
Used in: Study build → moderate → report
Medium · UX research
MODERATE · 2026 · Maze · paid
Used in: Study build → moderate → report
Medium · UX research
MODERATE · 2026 · Maze · paid
Used in: Study build → moderate → report
Medium · UX research
MODERATE · 2026 · Maze · paid
Used in: Research → prototype bridge
Medium · UX research
STRONG · 2025 · Huei-Hsin Wang, Megan Brown, Amy Zhang / NN/G
Used in: Spec’d AI prototype, Study build → moderate → report
Medium · Image & motion
MODERATE · 2026 · Black Forest Labs · paid
Medium · Image & motion
STRONG · 2026 · Black Forest Labs · paid
Medium · Image & motion
STRONG · 2026 · Black Forest Labs · paid
Medium · Image & motion
STRONG · 2026 · Black Forest Labs · paid
Medium · Image & motion
STRONG · 2026 · Comfy-Org · open-source
Medium · Image & motion
MODERATE · 2026 · Figma · paid
Medium · Image & motion
MODERATE · 2026 · Kling AI · paid
Medium · Image & motion
MODERATE · 2026 · Luma Labs · paid
Medium · Image & motion
MODERATE · 2026 · Recraft · paid
Medium · Image & motion
MODERATE · 2026 · Runway · paid
Profi · End-to-end workflows
MODERATE · 2025 · Builder.io · paid
Used in: Code ↔ canvas roundtrip
Profi · End-to-end workflows
STRONG · 2026 · Dovetail · paid
Used in: Research → prototype bridge
Profi · End-to-end workflows
STRONG · 2026 · Figma
Used in: Brief → decide → handoff, Code ↔ canvas roundtrip, MCP design → code, Figma MCP practice path
Profi · End-to-end workflows
STRONG · 2026 · Figma
Used in: Brief → decide → handoff, MCP design → code, Figma MCP practice path
Profi · End-to-end workflows
STRONG · 2026 · Figma
Profi · End-to-end workflows
MODERATE · 2026 · Francesca Tabor
Used in: MCP design → code
Profi · End-to-end workflows
MODERATE · 2026 · Mantlr
Used in: MCP design → code
Profi · End-to-end workflows
MODERATE · 2023 · Nielsen Norman Group
Used in: Brief → decide → handoff, Human method gate, Narrow canvas assist
Profi · End-to-end workflows
MODERATE · 2026 · Reenbit
Used in: MCP design → code
Profi · End-to-end workflows
MODERATE · 2026 · Velox Studio
Used in: MCP design → code
Profi · Quality & ethics
STRONG · 2026 · Adobe
Used in: Ethics as ops gate
Profi · Quality & ethics
STRONG · 2023 · U.S. Copyright Office
Profi · Quality & ethics
STRONG · 2026 · Figma
Profi · Quality & ethics
STRONG · 2026 · Figma
Used in: Ethics as ops gate
Profi · Quality & ethics
STRONG · 2024 · Figma
Profi · Quality & ethics
MODERATE · 2026 · Figma
Used in: Ethics as ops gate
Profi · Quality & ethics
STRONG · 2026 · Figma
Profi · Quality & ethics
STRONG · 2026 · Figma
Profi · Quality & ethics
STRONG · 2025 · U.S. Copyright Office
Used in: Ethics as ops gate
Profi · Quality & ethics
STRONG · 2025 · U.S. Copyright Office
Profi · Teams in production
MODERATE · 2026 · Brett McMillin / Figma
Profi · Teams in production
MODERATE · 2026 · Figma Brand Studio · paid
Profi · Teams in production
STRONG · 2026 · Figma · paid
Used in: Code ↔ canvas roundtrip
Profi · Teams in production
MODERATE · 2026 · Framer · paid
Profi · Teams in production
MODERATE · 2024 · Adobe / IBM · paid
Profi · Teams in production
STRONG · 2026 · Maze · paid
Used in: Research → prototype bridge
Profi · Teams in production
MODERATE · 2026 · Maze · paid
Profi · Teams in production
MODERATE · 2025 · Adobe / Monks · paid
Profi · Teams in production
STRONG · 2026 · Penpot · open-source
Profi · Teams in production
MODERATE · 2025 · Hannah Elsakr / Adobe; Tapestry DPC · paid
Profi · Case studies
MODERATE · 2025 · AWS / Dovetail · paid
Used in: Research repo → ask
Profi · Case studies
MODERATE · 2022 · Uizard / Lilit, Care Technologies · freemium
Profi · Case studies
MODERATE · 2021 · Uizard / Sanida Dozo, Code Line Solutions · paid
Profi · Case studies
MODERATE · 2022 · Uizard / Colateral Group · freemium
Profi · Case studies
MODERATE · 2025 · Adobe / Currys · paid
Used in: Concept visual explore
Profi · Case studies
MODERATE · 2026 · Figma / Findable · paid
Profi · Case studies
MODERATE · 2024 · Uizard / Romain Colnet, Ingenico · paid
Used in: Prompt → wire / mock
Profi · Case studies
MODERATE · 2025 · Adobe / Nestlé · paid
Profi · Case studies
MODERATE · 2025 · Adobe / Versuni · paid
Profi · Case studies
MODERATE · 2025 · Adobe / ZDF Digital · paid