クイックスタートガイド
アカウントの作成
Codia AI を始めるのは簡単です:
- codia.ai にアクセスし「Start Free」をクリック
- メールまたは Google アカウントで登録
- メールアドレスを確認
- 準備完了!
無料プランはクレジットカード不要です。
ツールを選ぶ
Codia はいくつかの専門ツールを提供しています。ワークフローに合ったものを選んでください:
Codia Design(Figma プラグイン)
既存のビジュアルを編集可能なデザインに変換したいデザイナーに最適。
インストール:Figma Community → "Codia AI" で検索
Codia Code
デザインをコードに変換したい開発者に最適。
アクセス:codia.ai/code
対応:React、Vue、HTML、Flutter、SwiftUICodia Studio
自然言語でゼロからデザインを作りたい方に最適。
アクセス:codia.ai/studio
デザインスキル不要最初のプロジェクト
スクリーンショットを Figma デザインに変換してみましょう:
- Codia Figma プラグインを開く
- 「Upload Screenshot」をクリック
- コンピューターから画像を選択
- AI がレイアウトを分析するのを待つ
- 生成されたデザインレイヤーを確認
- 必要に応じて編集 — すべて完全に編集可能!
最良の結果を得るコツ
- 高解像度のスクリーンショットを使用(最低 1x)
- 変換したい特定のセクションにクロップ
- 複雑なレイアウトはセクションごとに変換
次のステップ
セットアップが完了したら、ガイドを探索してさらに詳しく学びましょう:
- デザインからコードへ — デザインをプロダクション対応コードに変換
- コード生成オプション — 高度なコード生成オプションと設定