Design Tools: Generate layouts, variants, and canvas edits users can compare and refine.
Essential
More in Design Tools
- In-paintingModify specific areas
- Text-to-Image with Advanced ControlsAdvanced generation controls
- Image UpscalingAI-powered resolution enhancement
- Style TransferApply a full visual theme to a layout
- Background RemovalAutomatic background removal/transparency
- Object RemovalRemove unwanted objects from images
- Style InterpolationBlend between multiple styles
- Infinite CanvasArrange AI outputs on a zoomable plane
- Theme GenerationGenerate color systems and palettes from prompts or images
Frequently asked questions
Who are design-tool patterns for?
Product teams shipping AI inside Figma-like tools, site builders, slides, and canvas products. Where output is visual structure and components, not only text.
How does gen UI differ from chat in the same app?
Gen UI patterns place structured output on the canvas with inspectable layers. Chat patterns handle intent and iteration in language. Many products combine both with artifacts.
When should users pick from a variation grid?
When exploration is visual and comparisons are faster side-by-side. Image gen, layout options, or component variants, rather than serial regenerate in a thread.
What should inpainting and object-removal patterns expose?
Clear selection affordances, before/after preview, and undo. Users need to trust regional edits won’t corrupt the rest of the canvas.
How do design patterns relate to design systems?
Style transfer, component variants, and theme generation should respect tokens your system already defines. Patterns here describe UX for applying AI within DS constraints.
Are demos available for visual patterns?
Several design patterns include live demos where the interaction is the lesson; others lean on product screenshots, check each detail page.