How do I export from Figma?
In Figma: select your frame → click Export in the right panel → choose PNG at 1x or 2x → click Export. Upload that PNG here.
Does it detect Figma design tokens?
Yes. Claude AI extracts all colors, spacing, border-radius and font properties as CSS custom properties in :root{}.
What about Figma auto-layout?
Auto-layout patterns are detected and converted to CSS Flexbox or CSS Grid with matched gap, padding and alignment.
Does it handle Figma components?
Component boundaries are identified and each component becomes a reusable CSS class with BEM naming.
What resolution should I export?
1x or 2x PNG. 2x gives better AI analysis for color and font detection — recommended for complex designs.
Can I convert multiple Figma frames?
Yes — upload each frame as a separate image. Each converts independently with consistent design tokens.