Releases

4

分で読める

ProtoPie Plugin for Figma: A Seamless Workflow to Boost Productivity

A far better Figma import for ProtoPie. Lightning speed and flexibility at your fingertips.

Fredo Tan、 Head of Growth
connect ai agents like claude, cursor and more to protopie via mcp

私たちは、本日ついに ProtoPie の Figma 向けプラグインをご紹介できることを、この上なく嬉しく思います。—ProtoPie にとって、Figma からのインポートがこれまでになく優れたものになります。

このプラグインの登場は、 ProtoPie 5.2 のリリースと密接に連動しています。

Adobe XD と Sketch 向けの ProtoPie プラグインも近日公開予定です。

Figma + ProtoPie のワークフローは不可欠です

2019 年初頭に導入した Figma 統合を、多くの皆さんが使ってきました。それ以来、多くのデザイナーが Figma + ProtoPie のワークフローを日々活用し、デザイン、プロトタイピング、反復、その間のあらゆる作業に取り組んでいます。

このワークフローが多くの人にとって急速に不可欠なものとなるにつれ、この特定のワークフローをどう改善できるかについて、たくさんのフィードバックをいただきました。


Figma import canny request


より良い Figma インポートは、最上位の要望の一つでした。

すぐに、デザイナーが ProtoPie を使う目的である、リアルで高いインタラクティブ性を持つプロトタイプ作成だけに集中できる、より良いワークフローを提供する必要があると気づきました。

そこで私たちは、完全にゼロから新しいものを作ることに決めました。

ProtoPie の Figma 向けプラグイン

新しいインポート体験は、これまでのものとはまったく異なり、現在はレガシー Figma インポートと呼んでいます。


ProtoPie の Figma 向けプラグイン: 生産性を高める刷新されたインポート体験。

新しい ProtoPie の Figma 向けプラグインなら、驚くほどの速度と柔軟性をすぐに活用できます。Figma のデザインを ProtoPie にインポートする処理はすべてローカルで完結し、遅延はありません。


extended ProtoPie plugin for Figma gif


インポートする内容を自在にコントロール。驚くほどの速さで。

インポートする内容を自在にコントロール。最上位のフレームはシーンとしてインポートし、オブジェクトは Figma と同じレイヤー階層、配置、制約のまま取り込めます。

ProtoPie の Figma 向けプラグインには、ProtoPie 5.2 以上が必要です。

レガシー Figma インポートとの違いは?

[注: 2025 年 3 月時点では、Figma の構造変更により、レガシー Figma インポート機能は ProtoPie 9.1.0 以降でのみ利用できます。]

Figma から ProtoPie へデザインを取り込む作業にかかる時間を減らしましょう。新しいプラグインなら時間を節約でき、その分プロトタイピングにより多くの時間を使えます。


legacy Figma import vs new


左がレガシー Figma インポート、右が新しい ProtoPie の Figma 向けプラグインです。

  • 1 つまたは複数のフレームとオブジェクトをインポートします。

  • 最上位のフレームをシーンとしてインポートします。

  • 選択したものをインポートします。

  • ベクターレイヤーを SVG としてインポートします。

  • テキストレイヤーを、テキストレイヤーに変換できる SVG としてインポートします。

  • 制約を制約としてインポートします。

詳しく見る ProtoPie の Figma 向けプラグインについて。

なぜ Figma + ProtoPie なのか?


Figma plus ProtoPie logo


Figma と ProtoPie のロゴ

ProtoPie は、Figma のデザインを最終製品と見分けがつかないほど生き生きとした形に仕上げるのを助けるツールです。

必要なのは、デザインに強力なインタラクションを加えることだけです。条件、数式、変数を使った動的なインタラクションを思い浮かべてください。テキスト入力、カメラ、音声、メディア再生をプロトタイプに組み込めば、さらに高いリアリティを加えられます。あるいは、プロトタイプ同士が通信できるようにすることさえ可能です。可能性は無限大です。

ProtoPie は初めてですか?

この サンプルファイルで ProtoPie の Figma 向けプラグインを試してみてください。

Figma インポート刷新までの私たちの歩み


ProtoPie journey of Figma import event by David Lee


ProtoPie の Figma インポート刷新の歩みイベント

プロダクトデザイン責任者の David Lee が、Figma インポート体験をどのように刷新したかについて語った イベントをご覧ください

ProtoPie 5.2—その他の機能と改善

  • ProtoPie Enterprise 向けのシングルサインオン(SSO)

  • 自動行間

  • 同じ間隔で複製

  • macOS Big Sur 用アプリアイコン

  • 音声プロトタイピング用のトリガーとレスポンスの名称