Figma

Figma is the interface design tool. 2025 brings Generative UI (Text to Design) and Dev Mode enhancements for accurate CSS/SwiftUI generation.

When to Use

• UI/UX Design: Creating high-fidelity mocks.
• Prototyping: Clickable user flows for user testing.
• Handoff: Developers inspect CSS/variables directly.

Core Concepts

Auto Layout

Flexbox for designers. Elements resize/reflow automatically.

Components / Variants

Reusable UI elements (Buttons) with states (Hover, Active).