Codia
AI 驅動的 PDF 解析

把 PDF 轉成
結構化的
視覺結構描述

從任何 PDF 中精準擷取 UI 元件、版面與樣式資料。用我們的 Visual Element Schema API,驅動你的設計自動化流程。

Benchmarked
Output Quality
<2s
處理時間
50+
元素類型

強大功能
為規模而生

把靜態 PDF 轉成可用於設計自動化工作流程的結構化資料，你需要的功能一應俱全。

支援多頁 PDF

處理多頁的複雜文件，精準擷取每一頁的版面資料。

Visual Element Schema

標準化資料模型，完整描述元件層級、定位、樣式與內容細節。

極速處理

Fast processing for production workflows, with output quality dependent on source PDF structure and clarity.

開發者優先 API

RESTful API 配備完整文件、SDK 與程式碼範例，可快速整合。

AI 驅動的智慧

先進的機器學習模型，經過數百萬個設計模式與 UI 元件訓練。

企業級安全

Enterprise review paths for encryption, retention, DPA, and private deployment requirements.

技術規格

50MB
最大檔案大小
100+
支援頁數
JSON
輸出格式
REST
API 協定

簡單的
API 整合

透過 RESTful API,幾分鐘內就能上手。送出 PDF,接收結構化的視覺資料。

1

發送 API 請求

curl 'https://api.codia.ai/v1/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
  }
}
結構化
層級式元件資料
精準
像素級定位

Visual Element
Schema 標準

為 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

Schema 結構範例

{
  "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、行動裝置與桌面應用程式產生響應式設計

  • 跨平台一致性
  • 響應式版面
  • 裝置最佳化

深受業界領導者信賴

金融科技
表單數位化與合規
電子商務
商品頁自動化
醫療健康
病患表單處理
教育
課程教材數位化

定價

每項產品都採透明定價。免費開始，隨成長同步升級。

常見 問題

你需要知道的關於 PDF 轉 Visual Element Schema API 的一切。

還有疑問？

我們的團隊隨時準備好協助你充分發揮 API 的價值。