Figma向けのStorybook Connectは、StorybookのストーリーをFigmaのデザインにリンクさせ、UIレビューとハンドオフを効率化することを目的としています。しかし、Storybook Connec
UXPin Blog — Design Studio
-
-
Storybook をデザインシステム開発で活用するには?
デザインシステムの開発および維持のための「DevOpsツール」といえば Storybookですね。優れたドキュメントや直感的なUI、さらに内蔵されたテスト、コラボレーション機能は、コンポーネントの構築や市場投入するために
(…) -
コンポーネントライブラリを構築するためのStorybookフレームワーク
コンポーネントライブラリ を作ることで、UI開発を効率化し、失敗しないようにすることができます。(なぜUI開発に使う必要がある?)コンポーネントライブラリを作るメリットには以下のようなものがあります: 現在のガイドライン
(…) -
商品開発プロセスを改善する Storybook のベストプラクティス
UXPinと Storybook を統合することにより、インタラクティブコンポーネントを持つUIライブラリを使って、これまで以上にデジタル製品を簡単に構築することができます。これによって、ワークフローが改善され、より効果
(…) -
Storybook デザインシステム – UXPin Merge連携方法とメリット
このページをご覧になっているということは、私たちのCode-to-DesignのMergeテクノロジーを使って、完全に機能するプロトタイプを作ったことがあるのではないでしょうか。(まだそのステップを踏んでいない場合は、S
(…) -
Storybook連携を試してみましょう
Storybookではデザイナーと開発者がプロトタイプを構築する際に、コードコンポーネントを使用することで、サイロ化を解消しUIの一貫性を向上させることができます。(詳しくは「画期的なStorybookの魅力」に関するこ
(…) -
Fluent Design System とは?UXPinのStorybookに取り込む方法
オープンソースのデザインシステムには、高品質の製品を急ピッチで開発する機会があり、組織はユーザビリティとアクセシビリティの基礎的な課題を解決することで、製品開発と問題解決を重点的に行うことができます。 Fluent
(…) -
Storybook Args とは?Storybookでどのように改善されるのか
最近では、視覚的に美しいだけでなく、ユーザーの要求を効果的に満たすピクセルパーフェクトなUIがますます重視されるようになりました。このUIへの再注目は、この動向をサポートするツール、フレームワーク、環境の大幅な増加をもた
(…) -
Storybook-UXPin : 新Merge統合 のレビュー
Storybook統合(有料プランでは完全に、トライアルでは公開ライブラリーへのアクセスが可能になりました)のリリース前に、筆者はこのMergeの新機能を試す機会がありました。私たちのチームにおけるデザイナーとデベロッパ
(…) -
Storybook にコンポーネントのインストールとUXPinでの活用方法
UXPinは最新テクノロジーであるMergeを通して、Storybookと統合し全てのインタラクションを保ちながら、Storybook上のコンポーネントをUXPinのエディターに取り入れることが可能になりました。これによ
(…) -
Figmaから React – 最適なプラグインおよび代替品
デザインからコードへの移行は、多くの製品チームにとっての課題です。Figma は多くのデザインプロセスの基礎ですが、そのビジュアル要素をインタラクティブな React コンポーネントに変換するのは、デザイナーとデベロッパ
(…) -
Next.js と React – Web開発にいいのは?
Next.js と React は関連していますが、その目的や機能は異なります。例えば Next.js でいう React は、UI(ユーザーインターフェース)コンポーネントを構築するための基盤となるライブラリであり、N
(…) -
【 Figmaのプラグイン 】 デザインをUXPinにコピー&ペースト
デザイナーは、ステークホルダーからのフィードバックや正確なユーザーテスト、デザインハンドオフのために、プロトタイプを改善する方法を常に模索しています。 Figma は素晴らしいデザインツールですが、プロトタイプ作成におい
(…) -
コードによるデザイン – UXPin Merge のチュートリアル
デザイン ワークフローを次のレベルに引き上げてみませんか?このチュートリアルでは、UXPin Merge の世界を総合的に掘り下げていくことから、React アプリのコンポーネントを UXPin エディタにシームレスに統
(…) -
【FigmaとUXPin】 コンポーネントライブラリにおける違い
Figma のコンポーネントライブラリは、再利用可能な UI要素を作成してチームメンバーと共有できる素晴らしい方法です。 デザイナーは、Figmaでコンポーネントを使ってUIやプロトタイプを作成することができ、プロジェク
(…)
Search Results for: user story
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