UXPinのデザインシステムは、今日私たちがWebで目にするトレンドを生み出す原則・ツール・ライブラリ・コードを提供します。デザインシステム導入は単なるトレンドでは無く、その有用性から長期的に続くベストプラクティスとなり
(…)デザインシステムによるコンポーネントベースのWebサイト制作
UXPinのデザインシステムは、今日私たちがWebで目にするトレンドを生み出す原則・ツール・ライブラリ・コードを提供します。デザインシステム導入は単なるトレンドでは無く、その有用性から長期的に続くベストプラクティスとなり
(…)
ゼロからデザインシステムを作成する場合でも、フロントエンド開発のまとまりと一貫性を高めたい場合でも、コンポーネントライブラリの作成は、製品のUX(ユーザーエクスペリエンス)を上げるにはいい方法です。 コンポ
(…)
Storybookではデザイナーと開発者がプロトタイプを構築する際に、コードコンポーネントを使用することで、サイロ化を解消しUIの一貫性を向上させることができます。(詳しくは「画期的なStorybookの魅力」に関するこ
(…)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
デザインシステムの採用と拡張は簡単ではありません。ステークホルダー、プロダクトマネージャー、開発チーム、デザイナーを説得し、デザインシステムの価値を伝えるために、組織全体から得なければなりません。 デザインシステムの構築
(…)
ReactJSとReact Nativeの違いを理解すると、デザイナーはエンジニアとのコミュニケーションは円滑になり、コストのかかる技術的な問題は回避され、デザイン引き継ぎ時の摩擦を最小限に抑えることができます。 デザイ
(…)
デザインシステムが、高品質な製品を効率的に提供するのに必要なツール、ガイダンス、コンポーネント、サポートを確実に提供できるようにする上で、「テスト」は不可欠です。組織の基準や期待に確実に応えるために、コンポーネントライブ
(…)
視覚コミュニケーションは例外なく複雑であり、多様で、無限で、絶え間ないものです。そしてデザイン言語は、デザイナーがエンドユーザーとコミュニケーションをとるために必要な、明快さ、一貫性、まとまりをもたらす原則と制約を確立す
(…)
React.jsは、UXPinで使用できるJavascriptコンポーネントのライブラリで、プロジェクトをより早く、より簡単に作成することができます。特にUXPin Mergeでは、プロダクションコードから生成されたすべ
(…)
UXPinでTailwindデザインシステムを構築するには、Tailwind UIライブラリを活用し、カスタムコンポーネントを作成して一貫したスタイルを設定します。 HeroiconsやHero Patternsで装飾を
ステークホルダーや組織のサポートは、デザインシステム(DS)の継続的な投資と将来的な成功に不可欠です。DSチームは、従業員がデザインシステムを使用し、その投資が利益を生むことを証明しなければなりません。 2022年1月の
(…)
A quick walkthrough of improving design consistency and efficiency with UXPin.
コラボレーションはデザインのハンドオフの段階で終わるわけではありません。しかし、その後に何が起こるのかが議論されることはほとんどありません。ポルシェ、IBM、セールスフォースのような企業チームがどのようにコラボレーション
(…)
Figma のコンポーネントライブラリは、再利用可能な UI要素を作成してチームメンバーと共有できる素晴らしい方法です。 デザイナーは、Figmaでコンポーネントを使ってUIやプロトタイプを作成することができ、プロジェク
(…)
デザインシステムエンジニア(DSE)は、単にデザインと開発のギャップを埋めるだけの役割ではなく、ピクセルからコードへのスムーズな移行をサポートをします。このガイドでは、DSEの仕事内容、必要なスキルセット、製品開発サイク
(…)