フリントとフィグマ
この機能はFlintoによって開発されました。 Flintoまたは統合に関するご質問は、Flintoチーム までお問い合わせください。
Flintoは、デザイナーがインタラクティブでアニメーション化されたプロトタイプを作成するために使用されるMacアプリです。 Flinto は、 Macでのみ利用可能です。 Flintoの詳細については、こちらをご覧ください。
Flintoは、アニメーショントランジション、マイクロインタラクション、スクロールベースのエフェクト などの強力なツールへのアクセスを提供します。 Flintoを使えば、以下のことが可能です:
- フレーム間のカスタムアニメーショントランジションを作成。
- デザイン|デザインする Flintoの Behavior Designerを使えば、独自のマイクロインタラクションを作成できます。
- 3Dタッチを含む様々なタッチジェスチャーを使用できます。
- プロトタイプにGIFや動画を追加できます。
- プロトタイプの録画をエクスポートしてオンラインで共有できます。
この統合により、デザインをFigma からFlintoにインポートすることができます。そして、アニメーション化されたインタラクティブなプロトタイプにすることができます。
注意:Figmaからフレームをインポートする場合、 Flintoは、ほとんどのベクター図形と編集可能なテキスト レイヤーを保持します。 サポートされていないフィーチャーについては、 Flinto は、それらをビットマップ画像にフラット化します。
この記事で取り上げるのは
フィグマとフリントをつなぐ
Figmaからデザインをインポートする前に、FigmaとFlinto間のコネクション を認証する必要があります。
これにより、Flintoはあなたのファイルにアクセスし、アプリにインポートすることができます。
この作業は、Figmaからファイルを初めてインポートするときに、一度だけ行う必要があります。
- Flintoアプリを開く。
- ツールバーの インポート をクリックします。またはメニューバーの Flinto > Import をクリックします。
- Figma タブを選択します:
- Sign into Figma ボタンをクリックします:
- Webブラウザ 、新しいタブでFigmaが開きます。サインインしていない場合は、今すぐサインインするよう促されます。そうでない場合は、 アクセスを許可する ボタンをクリックしてください:
- プロンプトをクリックしてFlintoに戻る。
Figmaからデザイン|デザインする をインポートする
これで、コネクション 、FigmaファイルをFlintoにインポートすることができます。
最近開いたファイルから選択できます。最近開いたファイルでない場合、または探しているファイルが表示されない場合は、まずFigmaでファイルを開いてみてください。
- Flintoアプリで、ツールバーの インポート ボタンをクリックします。
- Figma タブを選択します。Flintにインポートするファイルを選択できます。最近編集したファイルが一番上に表示されます:
- 選択したファイルの画面サイズ を選択します。 デフォルトは現在のドキュメントのサイズです。
- Import Frames ボタンをクリックします。
- これでFlintoでプロトタイプ ! Flintoの学習ページ をご覧ください。
Figmaアカウントを切断する
- ツールバーの インポート ボタンをクリックし、モーダルを開きます。
- Figma タブを選択します。
- 左下のプロフィール画像をクリックし、 ログアウトを選択します: