Using AI for UI / Web Design: Figma Integration
For UI design, using AI is more practical in the direction of "speeding up ideation and iteration on Figma" than "generating from zero."
Workflow
- Requirements: verbalize screen requirements and information design with a general AI
- Wireframe generation: layout ideas and component candidates with AI
- Concretize in Figma: place drafts with plugins/integrated AI
- Iterate: rapidly expand copy, color, and state variations
Tasks Where AI Helps
- Mass-producing microcopy (buttons, empty states, error text)
- Ideating layout options and component composition
- Consulting on accessibility-perspective checks
Caution
- Don't implement generated UI as-is. People guarantee consistency and implementability
- Adjusting to the design system (existing rules) is mandatory
- Figma integration features/plugins update fast; confirm officially
Key Point
AI is "acceleration of ideation and iteration." Information-design judgment, system alignment, and implementability are human. Later chapters cover dedicated tools.
