デザインからコードへの移行は、多くの製品チームにとっての課題です。Figma は多くのデザインプロセスの基礎ですが、そのビジュアル要素をインタラクティブな React コンポーネントに変換するのは、デザイナーとデベロッパ
(…)UXPin Blog — Design Studio
-
-
【 データテーブル 】テーブルUIのベストプラクティス
データテーブル は、多くの企業のUXプロジェクトにとって非常に重要なコンポーネントであり、UXデザイナーは、ユーザーのニーズに応じてデータを視覚化してソートするための最適なUXテーブルデザインソリューションを見つけなけ
(…) -
React とは、それをアプリに使う理由
アプリのデザインは最高に複雑なので、よりシンプルになるなら何でもウェルカムです。そこで React の出番です。React とは何でしょうか?React は、UI(ユーザーインターフェース)の作りやすくするために設計され
(…) -
Reactデザインシステム の始め方
React デザインシステムをゼロから構築するには、慎重な計画と検討が必要であり、組織とそのエンドユーザーに役立つコンポーネントライブラリを作成するには、複数の部門とステークホルダーからの意見が不可欠です。 そこで本記事
(…) -
Webサイト制作 のためのプロトタイプ【 実践ガイド】
完璧なWebサイトは、スムーズな制作と立ち上げ作業を1回やって作られるものではありません。 シームレスで完全な機能を備えたサイトは、入念なプロトタイピングの賜物なのです。 プロトタイプで、Webサイトから初期の不完全な部
(…) -
【 Figmaのプラグイン 】 デザインをUXPinにコピー&ペースト
デザイナーは、ステークホルダーからのフィードバックや正確なユーザーテスト、デザインハンドオフのために、プロトタイプを改善する方法を常に模索しています。 Figma は素晴らしいデザインツールですが、プロトタイプ作成におい
(…) -
コードによるデザイン – UXPin Merge のチュートリアル
デザイン ワークフローを次のレベルに引き上げてみませんか?このチュートリアルでは、UXPin Merge の世界を総合的に掘り下げていくことから、React アプリのコンポーネントを UXPin エディタにシームレスに統
(…) -
【FigmaとUXPin】 コンポーネントライブラリにおける違い
Figma のコンポーネントライブラリは、再利用可能な UI要素を作成してチームメンバーと共有できる素晴らしい方法です。 デザイナーは、Figmaでコンポーネントを使ってUIやプロトタイプを作成することができ、プロジェク
(…) -
デザインから コードに変換 するには?
WebページやAndroid アプリ、iOSアプリのいずれを作成する場合でも、多くのデザイナーは Adobe XD や Figma、あるいはPhotoshopなどのツールを使って静的な画像を作成することから作業開始するの
(…) -
ChatGPT 統合 – UXPinでUIコンポーネントを生成する方法
ChatGPT は OpenAIによって開発された言語モデルであり、深層学習(ディープラーニング)技術を利用してテキストを理解して生成する生成 AI ツールの一部です このモデルは、質問したりプロンプトを表示したりする
(…) -
プロダクトのリデザイン | うまくいくための工夫とヒント
プロダクトのリデザインは、デジタル製品の多くの側面、特にその UX(ユーザーエクスペリエンス)、ビジュアルデザイン、技術的バグ、ビジネス価値を改善する機会です。 また、製品チームは、製品をより適切で最新のトレンドに対応さ
(…) -
デザイナーが押さえておくべき UIエレメント
UI(ユーザーインターフェース)の要素は、Web デザイン、モバイル、デスクトップ、AR (拡張現実)または VR(仮想現実)のアプリを問わず、製品デザインに最も不可欠な部分であり、すべての製品の核となる構成要素です。
(…) -
Tailwind CSSを使ってレスポンシブデザインを構築する方法
Tailwind は、HTML マークアップに直接適用できる、あらかじめデザインされたスタイルのセットを提供します。 また、定義済みのコンポーネントやスタイルが付属していることが多い従来のCSSフレームワークとは異なり、
(…) -
UXPin【ウェビナーのお知らせ】 製品を8.6倍速く作ろう
Webアプリケーションをもっと速く構築したいとお考えですか?弊社がオンラインで開催する多忙なデベロッパーの皆さんに向けたウェビナーにぜひご参加ください! 弊社のエキスパートが、Material UI などの大規模ライブラ
(…) -
Admin UI – Reactアプリ向けの効率的なデザイン方法
Admin UIは、管理者がシステム、アプリケーション、またはWeb サイトを管理および制御するために設計された GUI(グラフィカルユーザーインターフェース)のことをいいます。 通常のユーザーインターフェイスと異なり、
(…)
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