frame-to-json
by Takashi Nemoto
FigmaのFrameからJSONを出力するプラグイン
FreeFigmaFigJam
Installs
52
Likes
11
Users
1,697
Views
1,132
Preview
About this plugin
FigmaのFrameをいい感じにJSONに変換してくれるプラグインです。想定の使い方出力されたJSONを以下の命令の中にコピペしてChatGPTに投げるとコンポーネントの叩きを作ってくれます。例: # 命令書
あなたは、プロのフロントエンドエンジニアです。
以下の Figma の Frame から出力された「元となる JSON」から「制約条件」満たを最高のプログラムを出力してください。
# 元となる JSON
```json
<ここにjsonを書く>
```
# 制約条件
- React の関数型記述でコンポーネントを作成すること
- Typescript を使用すること
- スタイリングは CSS Module の形式に則ること
- Sass で書くこと
- ファイル数はなるべく少なくすること
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
410.3K 23.4K
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
400.6K 17.8K
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
276K 7.3K
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.
183.3K 2.9K