CursorAI opens beta for CodeSketch: AI-assisted UI code generation from Figma files

AI · 4 min read

CodeSketch, a new beta feature from CursorAI, translates Figma designs into structured UI code for React, Vue, and SwiftUI. The tool analyzes layout layers, constraints, and semantics to output accessible, responsive components with CSS-in-JS or platform-native layout primitives.

CursorAI pairs CodeSketch with a multimodal model trained on public repositories and licensed design systems, enabling it to infer component states, variants, and props. The company emphasized that generated code is intended as a starting point for engineers and supports project-specific linting and style guides to reduce cleanup.

Alongside the beta, CursorAI announced an $18 million extension to its Series A led by Bessemer Ventures to accelerate integrations with IDEs and mobile toolchains. The funding will support enterprise capabilities, such as single sign-on and design system policy enforcement.

The product will initially support Figma and Sketch exports and plans to add Adobe XD and direct plugin-based workflows. Early adopters cited faster handoffs and fewer discrepancies between design and implementation, while noting the importance of reviewing generated accessibility attributes.