Design Tools AI UX patterns
Design-tool patterns for gen UI, layout, variants, and prompt-to-interface flows inside creative and productivity products.
Essential
Generate layouts, variants, and canvas edits users can compare and refine.
More in Design Tools
Design Tools
In-painting
Modify specific areas
Design Tools
Text-to-Image with Advanced Controls
Advanced generation controls
Design Tools
Image Upscaling
AI-powered resolution enhancement
Design Tools
Style Transfer
Applying visual styles
Design Tools
Background Removal
Automatic background removal/transparency
Design Tools
Object Removal
Remove unwanted objects from images
Design Tools
Style Interpolation
Blend between multiple styles
Design Tools
Infinite Canvas
Spatial AI organization
Design Tools
Theme Generation
Generate 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.