プロトタイピング

プロトタイプの再現
コードなしで手軽に作成

コードを一切必要とせず、リッチで創造的なデザインをインタラクティブなプロトタイプに!Web、 PC 、 Mac 、モバイルなど様々なプラットフォームで、いつでもどこでもプロトタイプ UI デザインが作成できます。

無料体験
Prototyping banner
操作方法を習得する手間は、ほぼゼロ

ライブラリには、豊富なアイコンと20種類以上の業界固有のテンプレートが搭載されています。
ドラッグ&ドロップ操作で、コンポーネントを簡単に追加、配置、接続することができ、
初心者でもプロ顔負けの作業ができます。

layout
デバイスレイアウト

主流なプラットフォームは、マウスをクリックするだけで模擬可能です。

カスタムライブラリの構築

ドラッグ&ドロップ素材をカスタマイズしてカスタムライブラリを構築し、チームで共有できます。

自動コード化

CSS、Swift、Android用に自動でコード化するで、開発者へのハンドオフをよりスムーズにできます。

リッチなインタラクティブ効果でプロトタイプに命を吹き込む

ジェスチャーやトランジションの完成品を模倣して、コーディングの知識を必要とせず、実物そっくりのプロトタイプを作成することができます。

インタラクティブなリンク設定

リンクをドラッグ&ドロップする事で、ページ間の関係を可視化します。

ダイナミックなコンポーネント

インタラクティブページで作成したアニメーションは、非表示にしたり、サイズ、位置や色の変更もできます。アセットライブラリに保存して、将来的に使用することも可能です。

ページステータス

同じページに異なるステータスを割り当てて、重複を減らします。

effects
反復的な仕事を減らし、
デザイナーがデザインに
集中できるようにする
256px
150px
150px
91px
Sketchから直接インポートした写真をドラッグ&ドロップしたり、ホットゾーンを追加してデザインドラフトを簡単に動かしたりできるので、デザイナーの手を煩わせる事なく、ニーズを満たすことができます。
workspace
Download Slicing

Sketchからスライシングをインポートし、ワンクリックでスライシングファイルを自動生成してダウンロードします。

Color solution

業界屈指のカラーソリューションを提供します、カラーコロケーションを自動的に生成、配色もカスタマイズできるパーソナルカラーパレットが作れます。

Full platform adaptation

プラットフォーム間での素材の色や解像度などの転換をサポートします。

わかりやすく簡単な操作性を実現
プロフェッショナルの方にも数多くお使い頂いております
components
直接ドラッグできるオリジナル素材やテンプレートが豊富に用意され
interactive links
基本的なインタラクティブ機能を使って、インタラクティブな効果をすばやく確立
page relations
ページの関係性が一目でわかる、作業の流れが一目でわかる
presentation
マルチデバイスで完璧なプレゼンテーション、フルスクリーンモードで没入感のある体験

その他機能紹介