Tech News

Figma to React – Convert Figma designs to React code (figma-to-react.vercel.app) 

- React Native 또는 NEXT.js (React Web + Styled-JSX) 로 Export

- Frame 단위로 동작

- Nested sub-components, Fills and borders, Text Styles 등을 변환 지원

비슷하게 Figma 코드를 React/Vue/HTML 코드로 변환해주는 서비스인 Overlay 같은 것도 있습니다.

- https://overlay-tech.com/

Figma 와 비슷한 Framer 같은 경우는 자체적으로 React Export 기능을 내장하고 있습니다.

- https://www.framer.com/

반대로 React 코드를 바꾸면 Figma 로 만들어주는 코드도 있습니다.

- react-figma : React로 Figma 디자인하기 https://news.hada.io/topic?id=2787