Open7
Figmaからコード変換してくれるツールの現在地を調べる
- Next.js(React) + tailwindで変換できた
- absolute-[***px]による大量に生成される(figmaデータの問題かも)
- データ自体は素直でここから編集するには使いやすそう
- tailwindつかった出力ができないので選択肢から除外
- Figma上でComponent化していないがComponentを使ったコードを出力する傾向にある
- AutoLayout Scoreが出てきてコード出力のクオリティが変わるよ、と出てくる。良い機能(0%…)
- 設定でExperimental FeaturesからtailwindをONにできるが、コード変換には使えない(エディタでクラスを使ってスタイリングする機能のもよう
所感: tailwindなコードをきちんと吐き出してくれるLocofyをもう少し使ってみたいが
もう少し構造化されたFigmaで再度試してみたい