Floto

Flotoは、Figma向けのAIデザインフィードバックツール。画面レビュー、プロトタイプのフロー検証、実装とのデザイン比較に対応し、無料プランとクレジット制有料プランがあります。

Flotoの機能

Flotoは、Figma内で動作するプロダクトデザイナー向けのAIフィードバックツールです。デザイン監査、合成ペルソナテスト、フローテスト、不足状態の確認、デザイン比較のワークフローを組み合わせ、チームが公開前に作業をレビューできるようにします。

この製品は、フィードバックをデザインファイルの近くに保つことを目的としています。結果はプラグイン内で確認でき、対応するワークフローではFigmaファイルに戻して配置できるため、デザイナーは別ツールを行き来せずに対応できます。

主な機能

デザイン監査

選択したFigmaフレームを、UX、アクセシビリティ、使いやすさ、情報階層、コピー、視覚的な明瞭さ、その他の問題についてレビューし、スコアと優先度付きの修正案を取得できます。

ペルソナテスト

提案ペルソナ、編集したペルソナ、またはゼロから作成したペルソナで画面をテストし、異なる対象ユーザーがどのように反応するかを把握できます。

フローテスト

ユーザー目標に沿ってインタラクティブなFigmaプロトタイプをたどり、ユーザーがためらったり、混乱したり、離脱したりする可能性のある箇所を見つけます。

デザイン差分

Figmaデザインとライブ実装を比較し、間隔、タイポグラフィ、レイアウト、色、サイズ、その他関連する視覚的な詳細の違いを検出します。

不足状態

デザインフロー内の不足している状態やシナリオを特定し、引き継ぎや公開の前にギャップを見つけられるようにします。

Flotoが適している場面

引き継ぎ前に1つのデザインをレビューする
チームに共有したり、引き継ぎに進めたりする前に、画面をすばやくレビューしたいときにFlotoを使います。監査では、UX、アクセシビリティ、階層、コピー、視覚的な問題を優先度付きの修正案とともに示します。
異なる対象ユーザーの反応を確認する
異なる対象ユーザーから方向性のあるフィードバックが必要なときにペルソナテストを使います。提案ペルソナから始めたり、調整したり、自分で作成したりして、画面に対する反応を探れます。
プロトタイプの導線を検証する
サインアップ、購入、料金の確認などのプロトタイプジャーニーを検証するときにフローテストを使います。ワークフローは、途中でユーザーがためらったり離脱したりする箇所を見つけるのに役立ちます。
デザイン意図と公開後の画面を比較する
Figmaフレームとライブ実装を比較する必要があるときにデザイン差分を使います。リリース前に、間隔、タイポグラフィ、レイアウト、色の不一致を見つけるのに役立ちます。
デザインチーム全体でフィードバックを連携する
複数人で共有フィードバックのワークフロー、共通クレジット、デザイングループ内で同じペルソナが必要なときにチームプランを使います。単発のテストではなく、連携したレビュー向けです。

Pros and Cons

Pros

フィードバックを別のレビュー工程に移さず、Figmaのワークフロー内に保てます。
監査、ペルソナの反応、フロー検証、実装確認など、複数のフィードバック場面をカバーします。
アクセシビリティ、コピー、階層、レイアウト、不足状態など、具体的な問題タイプに対応しています。
個人利用とチーム利用の両方をサポートし、Teamsプランでは共有クレジットと共有ペルソナを利用できます。
週次クレジット付きの無料プランがあり、アップグレード前にワークフローを試せます。

Cons

ソースで確認できるのはFigma中心のワークフローのみで、より広いプラットフォーム対応は記載されていません。
料金情報はクレジット制プランとパイロット申請の流れに限られているため、購入前に自チームへの適合を確認する必要があります。

FAQ

Flotoとは何ですか？

Flotoは、Figmaの中から始められるプロダクトデザイナー向けのAIフィードバックツールです。デザインの監査、合成ペルソナによる画面テスト、プロトタイプフローの検証、実装とのデザイン比較を、公開前に行えます。

Flotoは誰向けですか？

Flotoは、より速いフィードバックを求めるプロダクトデザイナー、UXチーム、創業者、プロダクトマネージャー、そしてFigma上で作業を進めるデザイン主導のチーム向けに作られています。

FlotoはFigmaとどのように連携しますか？

Figma CommunityからFlotoをインストールし、Pluginsメニューから開いて、フレームまたはプロトタイプを選択し、ワークフローを選んでテストを実行します。結果はプラグイン内で確認でき、Figmaファイルに戻すこともできます。

Figmaプラグイン、Chrome拡張機能、またはその両方が必要ですか？

デザイン監査、ペルソナテスト、フローテストにはFigmaプラグインを使用します。Design Diffには、Figmaプラグインに加えてChrome拡張機能が必要で、FigmaフレームとライブURLを比較できます。

料金体系はどのようになっていますか？

無料ユーザーは毎週200クレジットを受け取ります。Proユーザーは毎月1,500クレジットを利用でき、レート制限はなく、追加のクレジットパックを購入することもできます。Teamsでは、共有クレジット、共有ペルソナ、優先サポートが提供されます。

Quick Facts

カテゴリ: AIデザインフィードバック
主なプラットフォーム: Figma
主なユーザー: プロダクトデザイナーとUXチーム
ワークフロー: デザイン監査、ペルソナテスト、フローテスト、デザイン差分
料金モデル: 無料プラン付きのクレジット制プラン
ソースドメイン: floto.ai