Onlook vs Supernova
2つのAIツールの機能・価格・特徴を詳しく比較します。
Supernova
Figmaのデザイントークンをすべてのスタックに自動デプロイし、AIコーディングエージェントにデザインシステムのコンテキストをリアルタイムで提供するプラットフォーム
詳細レビューを見る| 項目 | Onlook | Supernova |
|---|---|---|
| 料金タイプ | 無料 | 無料＋有料（月額 $35 から） |
| 韓国語対応 | 非対応 | 非対応 |
| プラットフォーム | web, desktop | Web, macOS, iOS, Android |
| オープンソース | 対応 | 非対応 |
| API 提供 | - | 提供 |
| SDK | - | 提供 |
| LLMベース | 対応 | 対応 |
| マルチモーダル | 対応 | - |
| AIモデル | Claude | - |
| GitHub Stars | 26.6K | - |
| 開発元 | Onlook | Supernova.io |
| カテゴリ | 開発ツール | 開発ツール |
| 詳細 | 見る | 見る |
Onlook の主な機能
- DOM-코드 실시간 매핑 — 시각적 편집이 즉시 .tsx 파일에 반영
- Tailwind CSS 시각적 에디터(드래그 앤 드롭 레이아웃 조정)
- AI 프롬프트 기반 React 컴포넌트 생성
- GitHub Pull Request 직접 통합
- Figma 스타일 레이어 구조 및 인스펙터 제공
- 오픈소스(GitHub) — 셀프 호스팅 무료 사용 가능
Supernova の主な機能
- Figma 연동 디자인 토큰·컴포넌트·에셋 자동 추출 및 동기화
- AI Portal: 디자인 시스템 문서를 자연어로 즉시 검색·응답
- MCP 서버 연동으로 AI 코딩 에이전트(Cursor 등)에 실시간 컨텍스트 제공
- Tailwind CSS v4 등 최신 프레임워크 지원 Exporter
- 다중 브랜드 지원 계층형 토큰 컬렉션 및 변수 매핑
- GitHub·GitLab 연동 자동 코드 배포 파이프라인