UXPin Blog — Design Studio

  アトミックデザインは、以下の５つの要素で構成され、それらが互いに積み重なっています： 原子：化学の世界と同じように、アトミックデザインでは「原子」は情報を全て伝えるための基本要素です。Webアプリケーション

React デザインシステムをゼロから構築するには、慎重な計画と検討が必要であり、組織とそのエンドユーザーに役立つコンポーネントライブラリを作成するには、複数の部門とステークホルダーからの意見が不可欠です。 そこで本記事

アプリケーション全体のアクセシビリティ、デザインの一貫性、スケーラビリティを高めるUIコンポーネント・ライブラリを構築するために不可欠な要素を学びます。

UXPin Mergeのコンポーネント駆動型のプロトタイプにより、デザイナーは最終製品とそっくりなレプリカを作成することが可能になりました。UXPinは静的なグラフィックをレンダリングする他のデザインツールとは違い、コー

    Retoolは、コーディングを最小限に抑えて社内ツールを迅速に構築でき、開発スピードを向上させつつコストを削減できるツールです。しかし、柔軟性のあるドラッグ＆ドロップインターフェースでダッシュ

  ゼロからデザインシステムを作成する場合でも、フロントエンド開発のまとまりと一貫性を高めたい場合でも、コンポーネントライブラリの作成は、製品のUX（ユーザーエクスペリエンス）を上げるにはいい方法です。 コンポ

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

UI（ユーザーインターフェース）デザインは、ユーザーがデジタル製品とどのように接するかを形作る上で重要な役割を果たします。よくデザインされた UI は、ユーザビリティが上がるだけでなく、ユーザーを惹きつけるシームレスな体

ここ１０年のデザインシステム革命は、製品開発のワークフローを強化するためのさまざまなツールや戦略をもたらしました。 デザイントークンは、UI 要素の実装、管理、更新をしやすくするために Google の Material

レスポンシブでいい見た目の Web アプリケーションを構築するとなると、Material UI と Bootstrapという２つのフレームワークがよく脚光を浴びます。どちらもデベロッパーの強力な武器であり、それぞれに独自

UXPinのAI Component Creatorに新機能が追加され、デザインから開発までの効率化が向上しました。HTMLベースのTailwind UIコンポーネント生成に加え、Merge AIツールがMUI、Ant

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

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

強固なバックエンド機能と柔軟でスタイリッシュなフロントエンドの両方が必要なWebアプリケーションを開発する場合、Laravel と Tailwind CSS は完璧な組み合わせになります。 Laravel で使える人気の

Figma のコンポーネントライブラリは、再利用可能な UI要素を作成してチームメンバーと共有できる素晴らしい方法です。 デザイナーは、Figmaでコンポーネントを使ってUIやプロトタイプを作成することができ、プロジェク