Figma Slidesでチームがデザインの力を活用する方法

Figma Slidesを初めてリリースして以来、チームのスキルとコラボレーションを向上させるため、テンプレートのカスタマイズやデザイン強化プラグインなど、30以上の新機能とアップデートを提供してきました。本日、Figma Slidesは正式にオープンベータを終了し、フルシート、Devシート、コラボシートのいずれでも利用可能となります。また、直感的に使えるツールを維持しつつ、デザインを強化する新機能も追加しました:

• ビデオの改善: エディタ内でビデオを表示・操作でき、ぼかしエフェクト、スクラブ、再生速度調整などが可能。
• コンポーネント: ブランドアセットから顧客ロゴまで、デザインの一貫性を保つコンポーネントを作成・利用可能。
• オブジェクトレベルのアニメーション: 個々のレイヤーにスライドやフェードアニメーションを追加可能。
• .PPTXのインポートおよびエクスポート: Figma Slidesで.PPTXファイルを作業したり、外部のコラボレーターやクライアント向けにエクスポート可能。

これまでに提供したすべての機能に加え、これらのアップデートにより、使い慣れたスライドインターフェース上でデザインの精度を高めることができ、デザイナーとそのコラボレーターが共有スペースでインパクトあるプレゼンテーションを作成できるようになりました。Figma Slidesでは、オートレイアウト、カスタムフォント、接続されたブランドライブラリ、埋め込み可能なプロトタイプなど、デザイナーに馴染みのある機能がチーム全体の手元にあります。細部に違いがあります。このことを最も理解しているのはコミュニティです。「これは単なるスライドではありません」とAIプラットフォームJasperのクリエイティブディレクター、Jessica Rosenbergは言います。「インスピレーションを与え、効果的にコミュニケーションを取り、チームの連携を促すストーリーテリングツールです。」

内部レビューからセールスデッキ、クライアント向けプレゼンテーションまで、Figma Slidesを使ってデザイナー、開発者、部門横断型チームがアイデアを具現化する方法は多岐にわたります。

デザインを微調整する

デザインシステムやブランドアセットを活用する場合でも、Figma Slidesではテンプレートを使って簡単にリミックスや再構築が可能で、ブランドを維持できます。

すでにFigmaで作成したアセットやコンポーネントを直接引き出せるため、作業を正確に反映したデッキを作るのが格段に簡単になります。Merkleのデザイン責任者、Dave Callejaは、チームがグローバルデザインシステムから引き継いだコンポーネントを用いたコアテンプレートを、スライド用に特別に調整して使用していると説明します。

彼らはまた、UI/UXデザイン、リサーチ、データ可視化、またはクライアント固有のスタイルやコンポーネントに合わせたテンプレートも作成しています。このシステムにより、チーム全体が多くのデザイン判断を必要とせず、視覚的に魅力的なプレゼンテーションを作成できます。「最初からチームに権限を与えることで、品質の基準が大幅に高まります」とDaveは語ります。

AIプラットフォームDecagonが会社のセールスデッキを再構築する際に意図していたのは、基準を引き上げることでした。「ブランドに合わせたカスタマイズされたスライドを作り、デザインやアセットを反映させ、見た目を細かくコントロールできるようにしたかったのです。」とDecagonの最高経営責任者であるJesse Zhangは言います。製品およびブランドデザイナーのJames Wuは、Decagonのブランドを表す3Dシェイプレンダリングの色からインスピレーションを得たテンプレートを作成し、顧客の優先度に応じてリミックス可能なレイアウトの付録も含めました。Jesseはこう言います:「私たちが残す印象にはROIがあります。顧客の成功基準に合わせて具体的に調整できるのです。」

物語をコントロールする

異なるオーディエンスは異なる手掛かりに反応します。グリッドビューで全体を確認し、適切なフックを見つけ、話の順序を簡単に並べ替えられます。

良いストーリーを伝えるには、オーディエンスを理解することが重要です。スライドはその物語に合わせて柔軟に対応する必要があります。クリエイティブディレクター兼デザイナーJamey Gannonは、ベンチャーキャピタルで資金調達を行う初期段階の起業家向けに作成したFigma Slidesテンプレート「Raise」を設計する際、この点を意識しました。以前共同創業者として働いていた経験から、投資家の心に響くポイントを理解しています。彼女は、まず「目新しいもの症候群」に陥らず、ビジネスを明確で説得力のあるアイデアに集約することが重要だと言います。

Jameyは続けます。「しかし、ラウンド、創業者、プロダクトの種類によってデッキはすべて異なります。私はクライアント向けに洞察に基づいたデッキを作成しましたが、チームスライドは最後に配置する場合もあります。他の場合は、チームスライドを最初に置きます。それは彼らの経験や、問題や解決策にどのようにたどり着いたかを示すからです。」

Raiseを試してみましょう。これはシードおよびプレシードの資金調達向けのピッチデッキテンプレートです。

コラボレーションの障壁を取り除く

チームの連携を維持することを目的としたコラボレーション機能により、共有作業の摩擦を減らします。

Jameyにとって、Figma Slidesはクライアントとの作業においても「大きな解放」となりました。「Figmaのすべての良い部分、つまりアニメーション、カラ―ライブラリ、オートレイアウトなどの強力なデザインツールが使えるんです」と彼女は言います。「でも、非常にユーザーフレンドリーでもあります。非デザイナーにとっても馴染みのあるレイアウトなので、使いやすく圧倒されにくいんです。」

この使いやすいインターフェースにより、Jasperでもワークフローが効率化されました。Jessica Rosenberg (Jasper、クリエイティブディレクター)によれば、「スタイルをPNGにエクスポートせずにスライドデッキにシームレスに反映できる機能は、本当にゲームチェンジャーです」とのこと。Jasperチームはデザインプレゼンテーション、ロードマップ作成、社内コミュニケーションなど、あらゆる場面でFigma Slidesを活用しています。「フロー状態を保ち、スピーディに作業でき、ボトルネックも発生しません。」Jasperの経営陣がFigma Slidesを試した結果、現在ではCFO Amy Sundermanの専用プレゼンテーションツールになっています。

デジタルスタジオHumanでは、Figma Slidesによってチーム全体でWebデザインやブランドアイデンティティの作業に協働できるようになりました。クリエイティブストラテジストのZachary Snidermanはこう説明します。「開発者にとって非常に助かるのは、プロジェクトの全体像を360度で見られる即時性があることです。」

離れた場所で作業するチームでも、スライドを微調整している人のカーソルを追うというFigmaでの作業に馴染みのある行為が、全員を集中させるのに役立ちます。さらに使いやすいため、コピーライターも直接Figma Slides上で作業し、メッセージを視覚的なアートとして扱うことができます。「要素を操作・整列するのが格段に簡単になるので、より視覚的に考える助けになっています」とZacharyは言います。

オーディエンスのフィードバックを得る

クリック可能なプロトタイプ、投票、アライメントスケール、スタンプを活用して、プレゼンテーションを双方向にしましょう。

デッキを作ることは一つのことですが、オーディエンスの関心を引くことは別です。南カリフォルニア大学のFigmaキャンパスリーダーであるElissa Martialに聞いてみてください。スタートアップクラブのデザインメンターとして、Elissaは自分の開発者・デザイナーのワークフローに関するワークショップが、参加者にとって魅力的で理解しやすいものである必要があることを理解していました。「夜9時に疲れ切った大学生たちを相手にこのワークショップをリードする予定だったので、内容は簡潔で、視覚的に目を引き、面白く、実践的である必要があると分かっていました」と彼女は語ります。

インタラクティブなワークショップを構成するために、この開発者・デザイナーワークフローテンプレートを試してみてください。

プレゼンテーションをインタラクティブにするために、Elissaは参加者に画面上で見えるフォントの数を投票で尋ねました。「間違いなく、すべてのデザイナーは4つ以上を見つけましたが、開発者は2つ以上見つけられませんでした」とElissaは言います。「これで論点を示すことができ、笑いも生まれ、設定も非常に簡単でした。」その後、彼女はバリアブルを示す動作するプロトタイプを埋め込みました。「バリアブルの動作を実際に確認できることで、Figmaの機能を全員が理解しやすくなりました。」

現在、Figma Slidesはフルシート、Devシート、コラボシートのいずれでも利用可能となり、皆さんがこのツールをどのように活用するのかを見るのが楽しみです。最近のアップデートについて詳しく知りたい方や、Figma Slidesをさらに活用したい方は、Release Notesをご覧いただくか、今後のライブ配信に登録してください。