frame-to-json

About this plugin

FigmaのFrameをいい感じにJSONに変換してくれるプラグインです。

想定の使い方

出力されたJSONを以下の命令の中にコピペしてChatGPTに投げるとコンポーネントの叩きを作ってくれます。

例:

  # 命令書
  あなたは、プロのフロントエンドエンジニアです。
  以下の Figma の Frame から出力された「元となる JSON」から「制約条件」満たを最高のプログラムを出力してください。

  # 元となる JSON
  ```json

  <ここにjsonを書く>
    
  ```

  # 制約条件
  - React の関数型記述でコンポーネントを作成すること
  - Typescript を使用すること
  - スタイリングは CSS Module の形式に則ること
  - Sass で書くこと
  - ファイル数はなるべく少なくすること