アプリ開発におけるUXデザインとフロント開発のプロセスを一体化させる「Storybook統合」機能を提供開始
PR TIMES / 2021年7月5日 17時33分
デザインシステムによるDX化をより高速に
UXPin(アメリカ合衆国 ネバダ州、 CEO: Yuga Koda)は、DXにより増加する新規アプリ開発ニーズにおいて、ボトルネックになっているUXデザインから製品開発へのプロセスを改善すべく、コード基盤のデザインシステムもしくはデザイン資産をそのままUXデザインツールUXPinに実装できる「Storybook統合」機能を2021年7月1日(木)より提供開始いたします。
【URL】https://www.uxpin.com/jp/merge/storybook-integration
[画像1: https://prtimes.jp/i/81189/2/resize/d81189-2-7b378e3619fb0d4b3e64-0.png ]
背景
デザイン思考によるデザイン経営が求められている中、DXをより加速化する基盤として、ウェブやアプリのデザインガイドラインである「デザインシステム」の構築が一般化されています。しかし、既存のUXデザインツールでは、デザインシステムの導入後にも、デザイン成果物(プロトタイプ)とフロントエンジニアが開発した本番用のコード資産との乖離があり、製品開発プロセスのボトルネックになっています。そこで、UXPinでは、Mergeというテクノロジーにより、本番用のコードで生成されるものと同じデザインシステム資産(コンポーネント)を利用してプロトタイプを作成することで、デザインシステムの一貫性を保ちます。
今度の「Storybook統合」機能は、Mergeテクノロジーをより多くのエンタプライズ顧客に利用してもらうため、オープンソースUI開発サンドボックスであるStorybookとの統合により、既存のReact以外にもVueやAngularなど15種類のUIフレームワークにも対応いたします。
Storybook統合の特徴
■ Storybookと簡単に連携
StorybookのリンクをUXPinエディター内の連携ボックスに貼り付けるだけで、統合が完了いたします。そのため、コードを書くなどの作業は必要なく、統合は数秒で終わります。
■コード・コンポーネントによるインタラクティブデザイン
UXPinはノーコードデザインツールのため、UXデザイナーは統合されたデザインコンポーネントでプロトタイプを作成するだけです。インタラクティブなコンポーネントをキャンバスにドラッグ&ドロップすることで素早くアプリのプロトタイプを作成できます。
■15種類のUIフレームワークに対応
Storybookがサポートするすべてのフレームワークに対応します。一般的に多く使用されているReactだけではなく、VueやAngularなど、フロントエンジニアがいま現在使ってるJavaScriptコードのままで統合作業を行えます。これによりプロトタイプ完成後、エンジニアに対しても製品として実装できるコードを提供可能となります。
[画像2: https://prtimes.jp/i/81189/2/resize/d81189-2-e65fc710467521171ee4-1.jpg ]
導入方法:シンプルな3ステップ
UXPinエディター内の連携ボックスでStorybookのリンクを貼り付けます。
次に、正しくインポートされたかを確認するため、デザインコンポーネントをドラッグ&ドロップしてみてください。
そのデザインコンポーネントが正しく動作するようでしたら、連携完了です。
あとは、思い描くデザインを貴社のデザインシステムを利用して、自由、そしてインタラクティブにアプリ開発を行ってください。
[画像3: https://prtimes.jp/i/81189/2/resize/d81189-2-d9456647bef21710e81f-2.jpg ]
購入について
UXPinのMerge Storybook統合は、エンタプライズ向けソリューションです。購入については、下記のリンクからお問い合わせください。
https://www.uxpin.com/jp/merge/storybook-integration
UXPinについて
UXPinは、2010年の設立以来UXデザイン専門会社として、コードベースで動くSaaS基盤のUXデザインツールを提供しています。UXPinにより、デザイナーにはノーコードで本物のようなプロトタイプを、デベロッパーには製品化に実装できるコードを提供できます。
企業プレスリリース詳細へ
PR TIMESトップへ
この記事に関連するニュース
-
思い描くUXのプロトタイプ作成を実現する『ProtoPie』日本市場に本格参入へ!
PR TIMES / 2024年5月9日 13時15分
-
【年収1,308万円】Kotlinエンジニア2024年最新|フリーランス副業調査
PR TIMES / 2024年5月2日 10時45分
-
インフラジスティックス・ジャパン ローコードデザインツール「App Builder」の製品サイトを公開
@Press / 2024年4月17日 11時0分
-
2024年|案件が多い「フレームワーク」ランキング(プログラミング)
PR TIMES / 2024年4月16日 10時45分
-
クロスプラットフォームを活用したモバイルアプリの開発を解説
Digital PR Platform / 2024年4月15日 10時0分
ランキング
-
1「LINEのセキュリティ」は大問題 TikTokと同じ道をたどるのか
ITmedia ビジネスオンライン / 2024年5月10日 6時10分
-
2初心者の個人投資家こそ「高配当株」狙うべき理由 「高配当×高成長」で"2度おいしい"投資のコツ
東洋経済オンライン / 2024年5月10日 8時30分
-
3ドア代わりの“緑色の板”をはがした先の「まさかの光景」…リフォーム業者も青ざめる激安ボロボロ物件を「利回り16%のお宝物件」に激変させた驚きの方法【不動産投資の実話】
THE GOLD ONLINE(ゴールドオンライン) / 2024年5月10日 9時45分
-
4三菱製紙子会社でデータ改ざん=耐熱プレスボード、10年以上前から
時事通信 / 2024年5月10日 17時54分
-
5このキャラはもしかして...? マクドナルドのX、次回の「ハッピーセット」ヒント画像公開で話題に
J-CASTニュース / 2024年5月9日 21時33分
記事ミッション中・・・
記事にリアクションする
記事ミッション中・・・
記事にリアクションする
エラーが発生しました
ページを再読み込みして
ください