デザインからコードへの移行は、多くの製品チームにとっての課題です。Figma は多くのデザインプロセスの基礎ですが、そのビジュアル要素をインタラクティブな React コンポーネントに変換するのは、デザイナーとデベロッパ
(…)UXPin Blog — Design Studio
-
-
Next.js と React – Web開発にいいのは?
Next.js と React は関連していますが、その目的や機能は異なります。例えば Next.js でいう React は、UI(ユーザーインターフェース)コンポーネントを構築するための基盤となるライブラリであり、N
(…) -
【 データテーブル 】テーブルUIのベストプラクティス
データテーブル は、多くの企業のUXプロジェクトにとって非常に重要なコンポーネントであり、UXデザイナーは、ユーザーのニーズに応じてデータを視覚化してソートするための最適なUXテーブルデザインソリューションを見つけなけ
(…) -
Reactデザインシステム の始め方
React デザインシステムをゼロから構築するには、慎重な計画と検討が必要であり、組織とそのエンドユーザーに役立つコンポーネントライブラリを作成するには、複数の部門とステークホルダーからの意見が不可欠です。 そこで本記事
(…) -
Webサイト制作 のためのプロトタイプ【 実践ガイド】
完璧なWebサイトは、スムーズな制作と立ち上げ作業を1回やって作られるものではありません。 シームレスで完全な機能を備えたサイトは、入念なプロトタイピングの賜物なのです。 プロトタイプで、Webサイトから初期の不完全な部
(…) -
Angular と React と Vue – 使うべきフレームワーク
Angular や Vue と比べると、全体的なエコシステムの成熟度やコンポーネントの可用性、コミュニティという点では React が勝るかもしれません。また、Git や UXPin のような他のプラットフォームやツール
(…) -
2024年のデザインシステム8選
デザインシステムとは、製品の一貫性のある、製品に合ったインターフェースを構築するのに使われるコンポーネント、ルール、スタイルガイド、ドキュメントのセットです。大抵のブランドでは独自のデザインシステムが構築さ
(…) -
Webアプリケーション開発 – 「すること」と「しないこと」
Webアプリケーション開発 とは、Web ブラウザからアクセスして実行するソフトウェアアプリケーションを作成するプロセスです。アプリケーションは、さまざまなデバイスや OS(オペレーティングシステム)で動作するように設
(…) -
【 Figmaのプラグイン 】 デザインをUXPinにコピー&ペースト
デザイナーは、ステークホルダーからのフィードバックや正確なユーザーテスト、デザインハンドオフのために、プロトタイプを改善する方法を常に模索しています。 Figma は素晴らしいデザインツールですが、プロトタイプ作成におい
(…) -
コードによるデザイン – UXPin Merge のチュートリアル
デザイン ワークフローを次のレベルに引き上げてみませんか?このチュートリアルでは、UXPin Merge の世界を総合的に掘り下げていくことから、React アプリのコンポーネントを UXPin エディタにシームレスに統
(…) -
【FigmaとUXPin】 コンポーネントライブラリにおける違い
Figma のコンポーネントライブラリは、再利用可能な UI要素を作成してチームメンバーと共有できる素晴らしい方法です。 デザイナーは、Figmaでコンポーネントを使ってUIやプロトタイプを作成することができ、プロジェク
(…) -
おすすめの Reactコンポーネントライブラリ
5.ブラウザやデバイスの互換性 デザインするアプリによっては、コンポーネントライブラリのブラウザとモバイルの互換性を知りたいでしょう。ブラウザやデバイスの互換性を調べるには、GitHub の 「issues」 や Sta
(…) -
デザイントークンとは?
そこでデザイントークンを使うと、このような矛盾は解消され、デザイナーがみんな同じスタイルとプロパティを使えるようになります。 3.柔軟性を得る デザイントークンで、製品やデザインシステムに柔軟性がもたらされ、変更や拡張が
(…) -
デザインから コードに変換 するには?
WebページやAndroid アプリ、iOSアプリのいずれを作成する場合でも、多くのデザイナーは Adobe XD や Figma、あるいはPhotoshopなどのツールを使って静的な画像を作成することから作業開始するの
(…) -
ChatGPT 統合 – UXPinでUIコンポーネントを生成する方法
ChatGPT は OpenAIによって開発された言語モデルであり、深層学習(ディープラーニング)技術を利用してテキストを理解して生成する生成 AI ツールの一部です このモデルは、質問したりプロンプトを表示したりする
(…)
UXPinは、世界中の優秀なデザイナーが使用している製品デザインプラットフォームです。ローフィデリティのワイヤーフレームから完全にインタラクティブなプロトタイプまで、チームで簡単にデザイン、コラボレーション、プレゼンテーションを行うことができます。
無料トライアルを開始