FramerはReact/TypeScriptベースで自由度の高いインタラクションを作り出せるツールです。黎明期の頃から4年ほど使い続けており、高速で解像度の高いUIを作れるので、会社内でのツールの浸透を目的として、初心者でもすぐに中級レベルのプロトが作れるツールとして、Cheat Sheetを作成しました。
全てのプロトタイプをインタラクション部品の集合体と捉え、その部品を元素表になぞらえて整理し、列挙しました。
それぞれの要素にはソースコードがついており、コードをコピー&ペーストするだけで動きを再現することができます。
👇目的や使い方を説明したnote記事