UXPin Blog — Design Studio

プロトタイプの技術をマスターするのは、デザイナーやデベロッパーが反復や改良を重ね、最終的に視聴者に深く響く製品を提供できるようにする強力なツールセットを使いこなすことに似ています。   本記事では、Lo-Fi（低忠実度）

５．ブラウザやデバイスの互換性 デザインするアプリによっては、コンポーネントライブラリのブラウザとモバイルの互換性を知りたいでしょう。ブラウザやデバイスの互換性を調べるには、GitHub の 「issues」 や Sta

UXPin は、デザインを完全にインタラクティブにすることができる、コードベースの プロトタイピングツール です。多くの主要なデザインソリューションとは違い、UXPin にはプロトタイプとテストに必要なものがすべて組み込

「デザインからコード」は、よく知られたワークフローであり、デザイナーはデザインツールを使ってプロトタイプを作成し、デベロッパーはそれをコードに変換するという、標準的な製品開発プロセスがシンプルになったバージョンです。 U

Prototyping is the cornerstone of the design process. Rapid prototyping accelerates the prototype phase so UX teams can push final designs to engineering teams faster.

ハイテクなデジタル製品におけるUXデザインの世界でも、ペンと紙は、Lo-Fi（低忠実度）のプロトタイプをサクッと作る選択肢として今でも好まれています。皆さんの思い込みとは裏腹に、UXチームはコンピューターから離れ、付箋や

プロトタイプはアイデアの検討や改良のための設計図で、最終製品は完成した機能的なバージョンです。本記事では両者の類似点と相違点を解説します。 UXPinを使用すれば、コードコンポーネントやレスポンシブデザイン、アクセシビリ

製品デザインおよび開発の世界に飛び込むと、たくさんの用語が飛び交いますが、今回はそのうちの以下の３つに焦点を当ててみましょう： プロトタイプは、デザインアイデアをテストし、ユーザーからのフィードバックを得て、最終製品がど

ユーザビリティテスト参加者やステークホルダーに実際のユーザー体験に近いものを提供する上で、インタラクション機能は欠かせない存在です。しかし、インタラクティブなコンポーネントの作成には時間が掛かってしまい、ほとんどのデザイ

Figmaでつくるプロトタイプは最終製品がどのように見えるかを視覚化し、デザインについての説明や、ユーザーフローを計画するには最適ですが、プロトタイプテストには不向きかもしれません。そこでUXPinの出番です。デザイナー

Figma、AdobeXD、UXPin の３つは、デジタル製品をデザインするための主要なUX（ユーザーエクスペリエンス）デザインツールです。この記事では、これら３つを比較してUIデザイン、モックアップ、プロトタイプ、連携

ReactアプリまたはWebサイトを構築しているなら、プロトタイプで実際のReactコンポーネントを使うことをおすすめします。 その方法などについて、こちらの記事で詳しくご紹介していきます。 主なツール UXPin Me

完璧なWebサイトは、スムーズな制作と立ち上げ作業を１回やって作られるものではありません。 シームレスで完全な機能を備えたサイトは、入念なプロトタイピングの賜物なのです。 プロトタイプで、Webサイトから初期の不完全な部

デザイン ワークフローを次のレベルに引き上げてみませんか？このチュートリアルでは、UXPin Merge の世界を総合的に掘り下げていくことから、React アプリのコンポーネントを UXPin エディタにシームレスに統

Figmaのデザインツールでは、基本要素としてコンポーネントを使用し、コピー＆ペーストでデザインできます。 コンポーネントの使用によって、デザイン制作をスピードアップし、一貫性を促進と、デザイナーの作業をより効率化につな