以下のUIを構築する

MUI、Ant Design、Tailwind、Bootstrapなどの一流オープンソースライブラリを使用して、レイアウトデザインを8.6倍高速化。

非常にシンプルだ。

「視覚的にコードで構築する」

「コード化されたコンポーネントをドラッグ&ドロップすることで、UIをレンダリング、またはAIでUIを生成します。MUI、Tailwind UI、Ant Design、Bootstrapなどのオープンソースライブラリおよび自作ライブラリから要素・テンプレートを選択します。UIを自由にカスタマイズして、クリーンなReactコードをエクスポートしましょう。」

「視覚的にコードで構築する」

デザイナーを待つのはやめよう。製品開発を8.6倍速く。

UI探索とインタラクティブな<br>プロトタイピング

UI探索とインタラクティブな
プロトタイピング

オープンソースライブラリのパターン例やテンプレートを探索します。UIをゼロから作りたい場合は、インタラクション、応答性、コードが組み込まれたコンポーネントでプロトタイプを
組み立てます。

デザイン・システムの開発と<br>ドキュメンテーションを<br>デザインする

デザイン・システムの開発と
ドキュメンテーションを
デザインする

オープンソースのReact UIライブラリでも、独自のReact UIライブラリでも、コンポーネントをドキュメントに直接リンクしたり、デザインシステムや保存したパターンをチームで共有
したりできます。

きれいなフロントエンド・<br>コード生成

きれいなフロントエンド・
コード生成

追加の翻訳を必要とせず、完全に機能するReactコードをエクスポート
します。UIライブラリ、依存関係、UXPinで追加されたすべてのインタラクションと完全に一致します。Stackblitzでプロジェクトを直接表示、編集することで、より迅速な製品開発が可能になります。

構築方法を選ぶ

デザインシステムがない?問題ありません。<br>オープンソースライブラリの最新バージョンを<br>ご利用ください。

デザインシステムがない?問題ありません。
オープンソースライブラリの最新バージョンを
ご利用ください。

オープンソースのコードとドキュメントを活用したい開発者向けです。カスタマイズ可能なプロパティやテーマを備えた、既製のレイアウトやレスポンシブ・コンポーネントを
使用してUIを構築できます。プロトタイプからきれいな JSX コードをコピーするか、StackBlitz で開きます。

Gitリポジトリ、Storybook、またはnpm経由で<br>同期された独自のライブラリ

Gitリポジトリ、Storybook、またはnpm経由で
同期された独自のライブラリ

開発者やテクニカル・デザイナーは、自分のライブラリを
最大限に活用できます。コンポーネント・ライブラリを
インポートすることで、コードを再利用し、製品間の一貫性を保つことができます。

機能的なレイアウトを8.6倍速く構築し、きれいなコードを生成する方法をご覧ください。

機能的なレイアウトを8.6倍速く構築し、きれいなコードを生成する方法をご覧ください。