INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

Releases

4

分で読める

ProtoPie Plugin for Sketch: From Static Designs to Realistic Prototypes, And Beyond

Unleash your creativity and add powerful interactions. Conditions, text input, camera, and a whole lot more—all at your disposal.

Julie Ko、 Growth Marketer

Figma、Adobe XD、あるいはSketchの中から、取り込み元にしたいツールを選ぶだけです。ProtoPieのSketch用プラグインの提供開始をお知らせできることを嬉しく思います。

デザインを取り込み、強力なインタラクションを、はるかに速く柔軟な方法で追加できます。条件、テキスト入力、音声、カメラなど、さまざまな機能を使えます。

ProtoPieのSketch用プラグインのリリースは、新しいProtoPie 5.4の一部です。

Sketch + ProtoPie のワークフローに、速度と柔軟性を

多くのデザイナーはProtoPieを使って、Sketchのデザインをインタラクティブなプロトタイプに変えています。これらのリアルなプロトタイプは、十分にテストし、体験し、実感できます。本番製品と同じように。

明確さを得て洞察を深めるために、共有するだけでプロトタイプを同僚や関係するステークホルダーの手に届けましょう。

ユーザーである皆さんとの対話を通じて、より速いワークフローが必要だと気づきました。そこで私たちは、スピードと柔軟性をすぐ手の届くところにお届けします。

新しいソリューション、Sketch用ProtoPieプラグインをご用意しました。ゼロからインタラクティブなプロトタイプまで、より速く生産的な Sketch + ProtoPie のワークフローを体験してください。

Sketch用ProtoPieプラグイン

main image (blog contents) of ProtoPie plugin for sketch

新しい取り込み体験は、これまでのものとはまったく異なります。これまでのものは、現在ではレガシーな Sketch の取り込みと呼んでいます。

想像力を自由に広げてください。複数のアートボードをシーンとして一度に取り込み、Sketchと同じレイヤー階層、配置、制約を持つオブジェクトも取り込めます。

デザインのワークフローは、速く、直感的で、わかりやすいものであるべきです。このプラグインを使えば、プロトタイピングに使える貴重な時間を節約できます。

  1. Sketch用ProtoPieプラグインをインストールしてください。

  2. 書き出したいアートボードまたはオブジェクトを選択してください。

  3. Pluginsタブをクリックし、Export to ProtoPieを選択してください。

  4. または、このショートカットを使ってください — Cmd + Option + P

Sketch用ProtoPieプラグインには、ProtoPie 5.4以降が必要です。

レガシーな Sketch の取り込みとの違いは?

compare the Sketch legacy import(old) and plugin(new)


左がレガシーな Sketch の取り込み、右が新しい Sketch用ProtoPieプラグインです。

  • 1つまたは複数のアートボードとオブジェクトを取り込みます。

  • アートボードをシーンとして取り込みます。

  • 選択したものを取り込みます。

  • ベクターレイヤーをSVGとして取り込みます。

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

  • 制約を制約として取り込みます。

詳しく見る Sketch用ProtoPieプラグインについて。

ProtoPieは初めてですか?

この サンプルファイルで、Sketch用ProtoPieプラグインを試してみてください。

ProtoPieプラグインシリーズが、これで準備完了です

showing that all three protopie plugins are available

Figma、Adobe XD、Sketch向けのProtoPieプラグインがすべて利用可能になりました。どのツールを使っていても、デザインを簡単に取り込み、動的なインタラクションを追加できます。

ProtoPieで、最もインタラクティブなプロトタイピングを体験してください。テキスト入力、音声、カメラなどさまざまなオプションで、プロトタイプにさらに一段階のリアリティを加えましょう。制限なくデザインのアイデアを表現できます。

ProtoPieは、簡単でシンプルに使えます。数回クリックするだけで始められます。詳しく見るで、各プラグインの使い方を確認してください。

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

  • 個別の角丸半径

  • Apple Silicon (M1) との互換性

  • レイヤーをロック/ロック解除するショートカット

  • レイヤーを非表示/表示するショートカット

  • テキストレイヤーを追加するショートカット

  • コンポーネントに変換するショートカット

詳しく見るで、ProtoPie 5.4のその他の機能と改善について確認してください。