Ignite UI for Angular — Figma to App

Translate Figma app screens built with the Indigo.Design UI Kits into production Angular applications. Designers create their own frames in Figma using the Indigo.Design component libraries as shared libraries — these kits come in four design-system variants (Material, Fluent, Bootstrap, Indigo) with light and dark themes each. Every component instance in the design maps 1:1 to an Ignite UI Angular control, and the active kit variant directly determines which design system to use in the Angular theme.

This skill orchestrates four MCP servers: Figma (design data), Ignite UI CLI (component docs), Ignite UI Theming (styles), and Playwright (visual validation).

Required Workflow