Back to Plugins
frame-to-json
FigmaのFrameからJSONを出力するプラグイン
Plugin Preview
About this plugin
FigmaのFrameをいい感じにJSONに変換してくれるプラグインです。想定の使い方出力されたJSONを以下の命令の中にコピペしてChatGPTに投げるとコンポーネントの叩きを作ってくれます。例: # 命令書 あなたは、プロのフロントエンドエンジニアです。 以下の Figma の Frame から出力された「元となる JSON」から「制約条件」満たを最高のプログラムを出力してください。 # 元となる JSON ```json <ここにjsonを書く> ``` # 制約条件 - React の関数型記述でコンポーネントを作成すること - Typescript を使用すること - スタイリングは CSS Module の形式に則ること - Sass で書くこと - ファイル数はなるべく少なくすること
Plugin Details
| Version | 5 |
|---|---|
| Created | March 17, 2023 |
| Last Updated | March 17, 2023 |
| Category | Software development |
| Creator | Takashi Nemoto |
| Stats | 42 installs, 7 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.