# Codegen
URL: /react/developer-tools/figma-integration/codegen
Source: https://github.com/daangn/seed-design/blob/dev/docs/content/react/developer-tools/figma-integration/codegen.mdx

Figma 디자인으로부터 React 코드를 생성하는 플러그인을 제공합니다.

## 설치

[SEED Codegen](https://www.figma.com/community/plugin/1469592983561656263) 플러그인을 설치합니다.

## 사용법

Figma 디자인을 열고, Dev mode에서 코드 생성을 원하는 디자인 요소를 선택합니다.

![Figma Codegen](/docs/figma-codegen-preview.png)

Codegen 플러그인은 작은 단위의 코드 생성 및 작업에 적합합니다.

복잡한 작업은 [MCP](/ai-integration/figma-mcp)를 활용하는 것을 권장합니다.

## 관련 문서

- [Figma Learn](https://help.figma.com/hc/en-us/articles/15023202277399-Use-code-snippets-in-Dev-Mode)