ユーザビリティテスト参加者やステークホルダーに実際のユーザー体験に近いものを提供する上で、インタラクション機能は欠かせない存在です。しかし、インタラクティブなコンポーネントの作成には時間が掛かってしまい、ほとんどのデザイ
(…)UXPin Blog — Design Studio
-
-
デザイントークンとは?
ここ10年のデザインシステム革命は、製品開発のワークフローを強化するためのさまざまなツールや戦略をもたらしました。 デザイントークンは、UI 要素の実装、管理、更新をしやすくするために Google の Material
(…) -
Code-to-Design(コードからデザイン)2024年版完全ガイド
開発フローで思い浮かぶのは、デザインからコードにするという形ではないでしょうか?デザイナーはデザインツールを使って、プロトタイプを作成し、デベロッパーはそれをコードに変換するという、標準的な製品開発プロセスでしょう。 U
(…) -
React を使ったおすすめの プロトタイピングツール
ReactアプリまたはWebサイトを構築しているなら、プロトタイプで実際のReactコンポーネントを使うことをおすすめします。 その方法などについて、こちらの記事で詳しくご紹介していきます。 主なツール UXPin Me
(…) -
Laravel と Tailwind CSS – クイック統合ガイド
強固なバックエンド機能と柔軟でスタイリッシュなフロントエンドの両方が必要なWebアプリケーションを開発する場合、Laravel と Tailwind CSS は完璧な組み合わせになります。 Laravel で使える人気の
(…) -
Reactデザインシステム の始め方
React デザインシステムをゼロから構築するには、慎重な計画と検討が必要であり、組織とそのエンドユーザーに役立つコンポーネントライブラリを作成するには、複数の部門とステークホルダーからの意見が不可欠です。 そこで本記事
(…) -
【FigmaとUXPin】 コンポーネントライブラリにおける違い
Figma のコンポーネントライブラリは、再利用可能な UI要素を作成してチームメンバーと共有できる素晴らしい方法です。 デザイナーは、Figmaでコンポーネントを使ってUIやプロトタイプを作成することができ、プロジェク
(…) -
ChatGPT 統合 – UXPinでUIコンポーネントを生成する方法
ChatGPT は OpenAIによって開発された言語モデルであり、深層学習(ディープラーニング)技術を利用してテキストを理解して生成する生成 AI ツールの一部です このモデルは、質問したりプロンプトを表示したりする
(…) -
デザイナーが押さえておくべき UIエレメント
UI(ユーザーインターフェース)の要素は、Web デザイン、モバイル、デスクトップ、AR (拡張現実)または VR(仮想現実)のアプリを問わず、製品デザインに最も不可欠な部分であり、すべての製品の核となる構成要素です。
(…) -
Tailwind CSSを使ってレスポンシブデザインを構築する方法
Tailwind は、HTML マークアップに直接適用できる、あらかじめデザインされたスタイルのセットを提供します。 また、定義済みのコンポーネントやスタイルが付属していることが多い従来のCSSフレームワークとは異なり、
(…) -
MUI for Figma はデザイナーに最適なソリューションか?[代替案]
MUI(Material-UI)は、Googleのマテリアルデザイン原則に基づいて構築された多くの人に使用されているReact UIフレームワークです。カスタマイズ可能なコンポーネントとスタイルで、ブランド標準に沿った組
(…) -
コンポーネント駆動型 プロトタイプとは?
コンポーネント駆動型のプロトタイプは、UXデザインの次なるイテレーションです。デザイナーはもはやゼロからデザインすることはなく、エンジニアが書くコードはより少なくなっています。 これによってもたらされることは、機能横
(…) -
コンポーネント駆動型 プロトタイプのための npm パッケージ6選
UXPin Mergeのコンポーネント駆動型のプロトタイプにより、デザイナーは最終製品とそっくりなレプリカを作成することが可能になりました。UXPinは静的なグラフィックをレンダリングする他のデザインツールとは違い、コー
(…) -
UI を魅力的にする 日付ピッカー のデザイン
日付ピッカーは、Web サイト、アプリケーション、ゲーム、企業向けソフトウェア、OSなどで使われる、デジタル製品のデザインにおいて最も馴染みのあるUIパターンの1つです。 そしてデザイナーは、日付ピッカーがスクリーンサイ
(…) -
BootstrapコンポーネントをUXPinに追加する方法 – npm統合ガイド
UXPinのnpm統合により、デザインチームはより忠実でコード同様の機能でプロトタイプが作成できるようになりました。これまではエンジニアにコーディング依頼が必要だったところを、UXPinが持つコンポーネント駆動型プロトタ
(…)
UXPin is a product design platform used by the best designers on the planet. Let your team easily design, collaborate, and present from low-fidelity wireframes to fully-interactive prototypes.
Start your free trial