⬡ Rork 開発/2026-06-15中級
再生成のたびに色と余白が崩れる問題を、デザイントークンの単一情報源で止める
Rorkに画面を再生成させるたびにボタンの色や余白が少しずつ変わる問題を、デザイントークンの単一情報源で止める設計です。トークンを1か所に固定して生成物に参照させる方法、CIでの逸脱検出、複数アプリで一貫性を保つ注意点まで、本番で効いた数値とともにまとめます。
◈ Rork 基礎/2026-05-04初級
「静かな美術館みたいに」を Rork に伝える — クリエイターの語彙を実装に翻訳する手順
作品の雰囲気をそのまま Rork に渡すと、何が返ってくるのか。感情から書くプロンプト、返ってきた余白と速度をデザイントークンに固定する手順、フォントと再生成でつまずいた場所までを、実際の手を動かした順にまとめました。
⬡ Rork 開発/2026-03-21中級
Figma のカンプと Rork の生成画面がズレる — 原因は5つのプロパティに絞り込める
Figma のデザインを Rork に渡して生成した画面が、なぜか原案と違って見える。実機と Figma を数値で突き合わせると、ズレはほぼ決まった5つのプロパティに集約されます。Auto Layout の翻訳表と、トークンを添えて渡す実装まで。