v0 Design Systems 2.0 logo

v0 Design Systems 2.0

コンポーネント・カラー・フォント・パターンを使って構築する

Artificial Intelligence Developer Tools Vibe coding

概要

v0 Design Systems 2.0 は、チームがすでに使っているソースからデザインシステムを取り込み、実際に使われているコンポーネントとトークンを用いたプレイグラウンドを自動生成します。インポート元は GitHub、公開・非公開 npm、Storybook/ドキュメント、Figma、スクリーンショット、ZIP、実アプリなど多様。結果をプレビューして、チャットで調整を重ね、完成時に保存できます。

主な特徴

  • 実運用データに基づく自動プレイグラウンド作成
  • コンポーネント・カラー・フォント・パターンをそのまま活用
  • 直感的なプレビューと対話で迅速な反復

使い方の流れ

  • ソースをインポート
  • プレイグラウンドを確認
  • チャットで微調整
  • 保存して活用
投票数: 185
← 投稿一覧に戻る