Codia

クイックスタートガイド

アカウントの作成

Codia AI を始めるのは簡単です:

  1. codia.ai にアクセスし「Start Free」をクリック
  2. メールまたは Google アカウントで登録
  3. メールアドレスを確認
  4. 準備完了!

無料プランはクレジットカード不要です。

ツールを選ぶ

Codia はいくつかの専門ツールを提供しています。ワークフローに合ったものを選んでください:

Codia Design(Figma プラグイン)

既存のビジュアルを編集可能なデザインに変換したいデザイナーに最適。

インストール:Figma Community → "Codia AI" で検索

Codia Code

デザインをコードに変換したい開発者に最適。

アクセス:codia.ai/code
対応:React、Vue、HTML、Flutter、SwiftUI

Codia Studio

自然言語でゼロからデザインを作りたい方に最適。

アクセス:codia.ai/studio
デザインスキル不要

最初のプロジェクト

スクリーンショットを Figma デザインに変換してみましょう:

  1. Codia Figma プラグインを開く
  2. 「Upload Screenshot」をクリック
  3. コンピューターから画像を選択
  4. AI がレイアウトを分析するのを待つ
  5. 生成されたデザインレイヤーを確認
  6. 必要に応じて編集 — すべて完全に編集可能!

最良の結果を得るコツ

  • 高解像度のスクリーンショットを使用(最低 1x)
  • 変換したい特定のセクションにクロップ
  • 複雑なレイアウトはセクションごとに変換

次のステップ

セットアップが完了したら、ガイドを探索してさらに詳しく学びましょう: