UXPin ブログ

Blog2 min read

Next.jsとReactの違いとは？特徴・使い分け・選び方を解説

Next.jsとReactの違いを初心者向けに解説。ReactとNext.jsの特徴や役割、レンダリング、ルーティング、SEO、開発方法の違いを比較し、プロジェクトに合わせた選び方を紹介します。

UIデザイン2 min read

UIとは？ユーザーインターフェースの意味・種類・デザインを解説

UI（ユーザーインターフェース）とは何かを初心者向けに解説。UIの意味や種類、構成要素、UXとの違い、優れたUIデザインのポイントをわかりやすく紹介します。

ブログ1 min read

Reactとは？特徴・できること・メリットをわかりやすく解説

Reactとは何かを初心者向けにわかりやすく解説。Reactの特徴や仕組み、コンポーネント、JSX、メリット、JavaScriptとの関係、Reactを使った開発について紹介します。

コラボレーション1 min read

npmとは？使い方・コマンド・パッケージ管理をわかりやすく解説

npm とは何かを初心者向けにわかりやすく解説。npmの仕組みやパッケージ管理、package.json、package-lock.json、基本的なコマンド、開発での使い方を紹介します。

UXデザイン2 min read

UXとUIの違いとは？役割・デザイン例・関係性をわかりやすく解説

UXとUIの違いを初心者にもわかりやすく解説。UXデザインとUIデザインの役割や具体例、仕事内容、関係性、デザインプロセスの違いを紹介します。

デザインシステム3 min read

デザイントークンとは？

デザイントークン は、多くのデザインシステムがUI要素の実装、管理、更新をしやすくするために採用しているツールのひとつです。

ブログ1 min read

UXPin Forge vs Figma MCP：AI時代のデザインワークフローを変えるのはどちらか？

ブログ1 min read

UXPin Forge vs Figma AI｜AI時代のデザインシステムはどちらが強いのか？

AI時代のデザインツールは「UI生成」から「システム実装」へ。UXPin Forge とFigma AIを比較し、Reactコンポーネント、デザインシステム、開発連携、エンタープライズ運用の違いを解説します。

プロダクトデザイン3 min read

UI デザインと UI開発 の違い

本記事では、UIデザインと UI開発 の実践、役割を支える人々、デジタル製品の提供のための連携について比較します。

ブログ2 min read

インタラクティブなプロトタイプをテストする５つの方法

インタラクティブなプロトタイプをテストしてユーザビリティを高め、開発前にアクセシビリティを確保するための5つの効果的な方法を探ります。

デザインシステム5 min read

２０２６年のおすすめデザインシステム９例

本記事では デザインシステム について全体的に学び、このテクノロジーを利用して成功と価値を生み出している他社の優れた事例をチェックして、このベスト８からさらなる次のインスピレーションを得ましょう。多くの会社が既にユニークなデザインシステムを活用しています！

UXPin1 min read

実際のReactコンポーネントと連携するAIデザインツールを開発

UXPinはForgeを開発しました。これは実際のReactコンポーネントと連携するAIアシスタントです。エンジニアが本番環境で使用するコンポーネントと同一のものを扱います。デザイナーは視覚的に作業しますが、出力結果は本番環境対応のReactコードとしてエクスポートが可能です。

ウェブデザイン4 min read

Reactが使われているウェブサイトの15事例

本記事ではReactJSのWeb サイト やWebアプリを１５個紹介し、この汎用性の高いフレームワークで何が可能かを実証します。

コラボレーション2 min read

デザイナーと デベロッパー の連携においての課題と解決方法

デザイナーと デベロッパー の距離を縮め、プロセスを改善し、より良いユーザー体験につなげるためのヒントについてお話します。