1. インスピレーションを得る
   1. canva でデザイン検索
   2. (stable difusion / dale-2 を試してみる)商用利用可能
      1. https://www.youtube.com/watch?v=V1_x8w9fHbs&t=18s
   3. syopify logo で検索
      1. textデザインを得た
      2. https://www.youtube.com/watch?v=KG-hWcIRgyc&t=10s
2. figmaで作成
   1. コミュニティで検索　土台をコピー
   2. 台形編集
      1. コンポーネント、バリアント、マスク
   3. カラーコードについて
      1. 白、黒はデザインの世界では使われない
   4. ダークモードについて
      1. アウトラインを入れる
   5. 文字編集
      1. プラグイン　font picker
   6. logo + text
      1. auto layout
         1. hug，fill
         • https://www.figma.com/community/file/1030308171146621283

3. 出力
   1. フレームサイズについて
      1. 適切な余白について
      2. 　1/3は確保
      3. ソーシャルメディアのフレームサイズ
         1. figma templates
            • https://www.figma.com/community/file/779517575644450137/Social-Media-Templates
            • https://www.figma.com/community/file/902612470789123675/Social-media-template
         2. Figma help page
            • Social Media Size Guide (figma.com)
         3. 投稿するときはサイズにも気をつける 日本語ページ
            • Twitter・Instagram・Facebook投稿に最適な画像サイズまとめ (comnico.jp)
   2. png svg について
   3. 解像度
      • 900x900のgifをエクスポートしてから、gif変換ウェブアプリでリサイズすることで解像度が良くなった
      • 透明背景にしないで、黒背景にすることで、解像度が気にならない。
      • 余白なしverも作った
        • https://ezgif.com/
4. アニメーション
   • プロトタイプ https://www.youtube.com/shorts/OnRcu5rHgOE
   • Figmotion https://soft-no-sosa.com/2022/02/22/figma4/
   • Giffy canvas https://bagelee.com/design/figma-gif/

1. gif編集
   • 無限ループさせる 他、リサイズも可能 https://ezgif.com/loop-count/

1. favicon ファビコン作成
   • https://ao-system.net/favicon/