Figma to React

Convert Figma designs to React code (React Native and Next.js)

Convert a Figma drawing to React code

What is Figma to React?

Figma to React converts a Figma drawing (a frame) to React code (React Native and Next.js).

Supports:

  • Tools:
    • [x] Web UI (you’re using it now!)
    • [x] API (contact me!)
    • [ ] Command-line
  • Formats:
    • [x] React Native support
    • [x] Next.js (React web/DOM) support
    • [ ] Plain HTML support?
  • Output:
    • [x] Nested sub-components
    • [x] Sizes in % not px (if set to 'Scale' in Figma)
    • [ ] Exporting SVG shapes for: line, vector, regular_polygon, star, boolean_operation
    • [ ] Make sure ellipses are round…
    • Styles:
      • [x] Fills and borders
      • [x] Text styles
      • [ ] Figma Autolayout -> Flexbox

Figma to React v2.0.2 – Created by @tomsoderlund at TomorroworldContact