Blog
UXPin
Articles
31 articles
実際のReactコンポーネントと連携するAIデザインツールを開発
UXPinはForgeを開発しました。これは実際のReactコンポーネントと連携するAIアシスタントです。エンジニアが本番環境で使用するコンポーネントと同一のものを扱います。デザイナーは視覚的に作業しますが、出力結果は本番環境対応のReactコードとしてエクスポートが可能です。
Storybook連携を試してみましょう
ここでは、唯一の情報源の必要性やDesignOpsの改善について、 Storybook連携 のメリットなどをお伝えしています。
Figmaのデザイン をインタラクティブなプロトタイプに変える
Figmaのデザイン をインポートしてUXPinでプロトタイプの作成といった、ニーズに合わせた柔軟なワークフローが可能です。変換は必要ありません。Figmaプラグインを連携し、UXPinにデザインを取り込んで、より強固なプロトタイピングができるようにしました。
AI でより速いプロトタイプ：AI Component Creatorを紹介
AI Component Creator について、その利点やアクセス方法などをご紹介します。
デザインツールはイメージベースからコードベースへ
製品開発プロセスにおいてのコードベースデザインツールの役割について見てみましょう。
UXPin でデザインシステムを構築 – ３分でわかるガイド
A quick walkthrough of improving design consistency and efficiency with UXPin.
【 プロトタイプ 】FigmaとUXPin – できること、できないこと
FigmaとUXPin、２つの比較や使用事例なども含めてご説明します。プロトタイピングツールをご検討中の方もぜひご参考ください。
【 Figmaのプラグイン 】 デザインをUXPinにコピー&ペースト
Figmaのプラグイン を使ってデザインをUXPinに取り込み、静的なモックアップにインタラクティブ性を加える方法とは？
新プラン「 Merge AI 」| 詳細とアップデート情報
新しいプラン「 Merge AI 」で提供されるサービス内容を詳しく見ていきましょう！AIプラグインも入っているので必見です。
【製品最新ニュース】UXPin Mergeでデザインビジョンを実現する
MUI、Ant Design、Bootstrap、Tailwind UIのライブラリを追加しました。
Adobe XD 代替製品 – コードベースの 「UXPin Merge」
UXPinがAdobe XD 代替ツールである理由と、コードベースツールを使用する利点についてお話します。
FigmaとUXPin【 デザインシステム 徹底比較】
FigmaとUXPinでの デザインシステム の各メリットや潜在的な欠点についてみていきましょう。
コンポーネントを素早く構築 & 保存できる「 Patterns 」とは？
複雑なコンポーネントを UXPin 内で構築および保存可能な機能である「 Patterns 」の機能性を見てみましょう！
BootstrapコンポーネントをUXPinに追加する方法 – npm統合ガイド
Bootstrap を使って（npmパッケージ）、BoostrapのコンポーネントをUXPinのデザインエディタにインポートできます。Mergeコンポーネントマネージャーによって、各UI要素と利用可能なプロパティをインポートが可能です。
信頼できる唯一の情報源（SSOT）とは？徹底解説
本記事では、信頼できる唯一の情報源についてとそれが重要な理由を解説しています。チーム全員の作業を効率よく進めるためには？