miteru

LP の公開前チェックで、Figma の原稿と実装ページを突き合わせるツールです。

miteru の画面(デスクトップ)

作ったもの

LP の公開前チェックで、Figma の原稿と実装したページを突き合わせるツールです。

miteru は差分を出すツールではありません。返すのは「どこまで機械で確認できたか」で、残りを人の目に回します。

結果は、文言の確認済みの割合、デザインの数値の差、機械では見ていない観点の 3 段で示します。Figma のコメントで届いた修正の指示が反映されているかも照合できます。ブラウザで開くだけで動く、1 つの HTML ファイルです。

作り方

作りはじめる前に「作ってみないと分からないこと」を 15 項目並べ、最初の 1 週間をその解消に使いました。

実際の LP で 3 回検証し、原稿と実装を対応づける方式は実測の結果から決めました。その後、実際の案件の初稿でも使い、人によるチェックと比べました。

0:00