GitHub launches Copilot for Design to export production-ready components across frameworks

Tech · 5 min read

GitHub announced Copilot for Design, an extension that converts annotated design files into production-ready component code, unit tests, and storybook entries. The tool supports React, Vue, Svelte, SwiftUI, and Compose, and can produce accessibility tests as part of the export.

Copilot for Design connects to Figma, Adobe, and Sketch files, mapping layers and tokens to component props, states, and style tokens. The system includes a 'safety checker' that validates generated code against repository linting rules and security policies before producing pull requests.

Microsoft says Copilot for Design is aimed at streamlining handoffs and enabling small product teams to ship consistent components faster. The tool will be integrated into GitHub Codespaces and is available to enterprise customers as an early access feature.