Codia
AI による PDF 解析

PDF を変換し
構造化された
ビジュアルスキーマへ

あらゆる PDF から UI コンポーネント、レイアウト、スタイルデータを正確に抽出します。ビジュアル要素スキーマ API でデザイン自動化をパワーアップしましょう。

Benchmarked
出力品質
<2s
処理時間
50+
要素タイプ

パワフルな機能
スケール対応設計

静的な PDF を、デザイン自動化ワークフローで活用できる構造化データに変換するために必要なすべてをご用意しています。

マルチページ PDF 対応

複数ページの複雑なドキュメントも、各ページのレイアウトデータを正確に抽出します。

ビジュアル要素スキーマ

コンポーネント階層、配置、スタイル、内容を捉える標準化されたデータモデルです。

超高速処理

本番ワークフロー向けの高速処理。出力品質はソース PDF の構造と鮮明さに依存します。

開発者ファースト API

充実したドキュメント、SDK、サンプルコードを備えた RESTful API で迅速に統合できます。

AI パワード インテリジェンス

数百万のデザインパターンと UI コンポーネントで訓練された最先端の機械学習モデルです。

エンタープライズセキュリティ

暗号化、保持、DPA、プライベート展開の要件に対応するエンタープライズ向けのレビュー経路。

技術仕様

50MB
最大ファイルサイズ
100+
対応ページ数
JSON
出力形式
REST
API プロトコル

シンプルな
API 統合

RESTful API で数分以内にお始めいただけます。PDF を送信いただければ、構造化されたビジュアルデータをお返しします。

1

API リクエストを送信

curl 'https://api.codia.ai/v2/open/pdf_to_design' \
  -H 'Authorization: Bearer {codia_api_key}' \
  -H 'Content-Type: application/json' \
  --form 'pdf_file=@"xx.pdf"' \
  --form 'page_no="0"'
対応フォーマット
最大 50MB の PDF、マルチページ対応
2

構造化データを受信

JSON レスポンス
200 OK
{
  "configuration": {
    "scalingFactor": 1,
    "baseWidth": 1940,
    "measurementUnit": "px"
  },
  "pages": [
    {
      // The Schema Object Here...
    }
  ],
  "size": {
    "height": 1080,
    "width": 1940
  }
}
構造化
階層的なコンポーネントデータ
正確
ピクセル単位の配置

ビジュアル要素
スキーマ標準

AI による UI 生成、デザインインテリジェンス、自動インターフェース再構築のために設計された包括的なデータモデルです。

コンポーネント階層

UI 要素間の親子関係を表現するネスト構造です。

containers → sections → components → elements

配置データ

すべてのビジュアル要素に対する正確な座標とサイズです。

スタイルプロパティ

色、フォント、ボーダー、エフェクトを含む完全なスタイル情報です。

backgroundColor, fontSize, borderRadius, boxShadow

コンテンツ抽出

セマンティック意味を保持したままテキスト、画像、メディアを抽出します。

headings, paragraphs, lists, images, links

レイアウトパターン

Flexbox、Grid、ポジショニングなどのパターンを自動検出します。

flex-direction, grid-template-columns, position

コンポーネントタイプ

正確な再構築のために 50 種類以上の UI コンポーネントを認識します。

button, card, modal, navigation, form, table

スキーマ構造の例

{
  "visualElement": {
    "elementId": "pdf_page_1",
    "elementName": "PDF Document Page",
    "elementType": "Panel",
    "displayName": "First Page",
    "displayOrder": 0,
    "boundingBox": [0, 0, 595, 842],
    "layoutConfig": {
      "positionMode": "Normal",
      "flexibleMode": "Absolute"
    },
    "styleConfig": {
      "widthSpec": {"sizing": "FIXED", "value": 595},
      "heightSpec": {"sizing": "FIXED", "value": 842},
      "backgroundSpec": {
        "type": "COLOR",
        "backgroundColor": {"rgbValues": [255, 255, 255]}
      }
    },
    "processingMeta": {
      "surfaceArea": 501490,
      "detectionScore": 0.92,
      "textContainerized": false
    },
    "childElements": [...],
    ...
  }
}

AI 対応フォーマット

機械学習モデルと自動デザイン生成に最適化されています。

無限にスケーラブル

シンプルなコンポーネントから複雑なマルチページアプリまで対応します。

フレームワーク非依存

React、Vue、Angular など、あらゆるフレームワーク向けにコードを生成します。

無限の 可能性

デザイン自動化からレガシーの近代化まで、私たちの API があらゆる業界のイノベーションを支えます。

デザイン自動化

デザインモックアップやワイヤーフレームを本番対応のコードに自動変換します。

  • 開発時間を 80% 削減
  • デザインの一貫性を維持
  • 手作業によるコーディングミスを排除

レガシーの近代化

古い PDF ドキュメントを、モダンでインタラクティブな Web インターフェースへ変換します。

  • 既存デザインを保持
  • 移行プロジェクトを加速
  • ブランドの一貫性を維持

ビジュアルテスト

抽出した UI コンポーネントに基づき、テストケースと検証ルールを生成します。

  • UI テストを自動化
  • ビジュアルリグレッションの検出
  • コンポーネント検証

ラピッドプロトタイピング

デザインコンセプトをすぐにインタラクティブなプロトタイプへ変換し、ユーザーテストへ進みます。

  • より早いイテレーション
  • 早期のユーザーフィードバック
  • デザイン負債の削減

エンタープライズドキュメント

複雑な企業フォームやドキュメント構造を抽出・デジタル化します。

  • デジタルトランスフォーメーション
  • プロセス自動化
  • コンプライアンスの維持

マルチプラットフォーム生成

Web、モバイル、デスクトップ向けのレスポンシブデザインを生成します。

  • クロスプラットフォームの一貫性
  • レスポンシブレイアウト
  • デバイス最適化

業界リーダーに信頼されています

FinTech
フォームのデジタル化とコンプライアンス
E コマース
商品ページの自動化
ヘルスケア
患者フォームの処理
教育
教材のデジタル化

料金プラン

すべての製品で透明な料金。無料で始めて、ビジネス成長に合わせてアップグレード。

よくある 質問

PDF to Visual Element Schema API について知っておきたいことをすべてご紹介します。

まだご質問がありますか？

API を最大限活用いただけるよう、当社のチームがお手伝いします。