# Figma to React - Figma 파일을 React 코드로 변환

> Clean Markdown view of GeekNews topic #3970. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=3970](https://news.hada.io/topic?id=3970)
- GeekNews Markdown: [https://news.hada.io/topic/3970.md](https://news.hada.io/topic/3970.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2021-03-28T09:47:25+09:00
- Updated: 2021-03-28T09:47:25+09:00
- Original source: [figma-to-react.vercel.app](https://figma-to-react.vercel.app/)
- Points: 10
- Comments: 1

## Topic Body

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

- Frame 단위로 동작

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

## Comments



### Comment 4721

- Author: xguru
- Created: 2021-03-28T09:48:08+09:00
- Points: 1

비슷하게 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