Light Logo of UXPinDark Logo of UXPinToggle Menu

コードで動くデザイン

UXPin Mergeをご紹介します。コードベースのデザインを実現する革新的な技術です。

Windows、Mac、またはシンプルなブラウザで利用できます。
クレジットカードは必要ありません。

各社様にご利用頂いています:

Mergeテクノロジーとは?

UXPin Mergeは、デザイナーと開発者がGitリポジトリから同期された同じコンポーネントを使用して、製品を迅速に構築できるようにします。スケールアップと開発をこれまで以上に迅速に行うことができます。
コード・コンポーネントを使った設計方法の詳細はこちら。

すぐに使えるUIコンポーネントを使用しているため、他のツールと比べて製品デザインが約6倍速くなりました。
UXチーム, Paypal

本物のようなプロトタイプ。

UXPinは、静的な画面やアートボードをトランジションでリンクするための一般的なプロトタイピングツールではありません。UXPinは、完成品のように動作するプロトタイプをデザインするために必要なすべてを提供します。

ステート

あらゆる要素の異なるバージョンをデザインし、それらの間でアニメーションを行うことができます。ワンクリックでステート間のプロパティを更新できます。

変数

テキスト要素を動的に更新したり、入力からデータを取得したり、ユーザーの好みを保存して、後でプロトタイプで使用できます。

条件付きインタラクション

プロトタイプにロジックのレイヤーを追加できます。ルールを設定して、そのルールに合致した場合にのみインタラクションが発生するようにします。

式の作成

JavaScriptを使用して、ショッピングカートなどの計算コンポーネントを作成したり、Eメールなどのユーザー入力を検証したりできます。

UXPin Mirror

モバイルデバイスでプロトタイプをすばやく簡単にプレビューできます。iOSとAndroidに対応しています。USB/Wi-Fiは必要ありません。QRコードをスキャンするだけです。

Sketchのインポート

Sketchをお使いですか?UXPinにSketchファイルをインポートすることで、前回の作業の続きを行うことができます。

あなたのプロトタイプに相応しいスーパーパワーを与えましょう。

コラボレーションがこれほど簡単になることはありません。

UXPinで作成したものは全て瞬時に共有できます。チームからのフィードバックの収集、開発者との仕様の共有、ステークホルダーからの承認の取得など、すべてを一箇所で行うことができます。

共有

すべてのプロトタイプには、常に最新の状態に保たれた共有可能なリンクがあります。パスワードで保護することもできます。

担当者コメント

チームからのフィードバックを集めることで、迅速なイテレーション、同期、プロセス全体の透明性を確保できます。

承認リクエスト

ステークホルダーをプロトタイプに招待し、サインアップすることなく正式な承認を得ることができます。私たちは、あなたが承認のみを得られることを願っています。

スペック、アセット、コード

距離、サイズ、スタイルなど、コンポーネントのビジュアルスペックを開発者が簡単に確認できるようにします。

自由なドキュメント作成

詳細なガイドラインを設定したり、メモを残したりすることができます。プロトタイプ上の特定の要素にピンで留めることができます。

自動スタイルガイド

各プロトタイプのすべてのカラー、フォント、アセットの概要を一箇所にまとめておくことができます。スタイルガイドはデザインに合わせて更新されます。

スーパーヒーローのチームとして働く

大規模なシステムをデザインできます。

チーム内の誰もが簡単にメンテナンスできる、ダイナミックでまとまりのある再利用可能なデザインシステムを構築し、デザインの一貫性を確保します。

コンポーネントライブラリ

カラー、テキストスタイル、アセット、UIコンポーネントの共有セットを作成して、一貫性を確保し、生産性を向上させます。

権限設定

デザインシステムにチームの権限を設定して、誰が編集したり閲覧したりできるかを完全にコントロールできます。

同期

ワンクリックで変更をプッシュ&プル。チームの全員が常に最新のバージョンを使用できるので安心です。

デザインシステムポータル

会社のデザインガイドライン、アセット、コンポーネントを管理。ドキュメントやコードの検索も可能です。一つの場所で。

エクスポート

開発者は、デザインシステムにJSONでアクセスしたり、一般的なスタイリングフォーマットでアクセスして、コードと連携することができます。

デザインの拡張

コード・コンポーネントを使ったデザイン。
製品をより早くリリース。

デザイン開発のプロセスを短縮し、生産可能なコンポーネントをUXPinのエディタにもたらします。Mergeテクノロジーにより、フレームワークに関係なく、すでにコード化されたものを使ってデザインすることができます。

merge technology demo

Merge テクノロジー

あらゆる要素の異なるバージョンをデザインし、それらの間でアニメーションを行うことができます。ワンクリックでステート間のプロパティを更新できます。

Gitとの連携

GitリポジトリからReactコンポーネントを使って設計することで、ハンドオフ・ドリフトを排除し、最終製品のように動作するプロトタイプを構築できます。

Storybookとの連携

Storybookから直接、UIコンポーネントを使ってデザインできます。どのフレームワークを使っているかに関わらず、1分以内に連携できます。


UXPinを今すぐ
使い始める

デザイン、プロトタイピング、デザインシステムのソリューションが選ばれています。

クレジットカードは不要です。