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 正在推動各行各業嘅創新。

設計自動化

將設計稿同 wireframe 自動轉成可以上線嘅代碼

  • 開發時間減少 80%
  • 保持設計一致性
  • 消除人手寫嘅代碼錯誤

舊系統現代化

將過時嘅 PDF 文件轉成現代、可互動嘅 Web 介面

  • 保留現有設計
  • 加快遷移項目
  • 保持品牌一致性

視覺測試

根據擷取出嚟嘅 UI 組件生成測試案例同驗證規則

  • 自動化 UI 測試
  • 視覺回歸偵測
  • 組件驗證

快速原型

將設計概念快速轉成可互動嘅原型，用喺用戶測試

  • 更快嘅迭代週期
  • 及早攞到用戶反饋
  • 減少設計負債

企業文件

擷取並數碼化複雜嘅企業表單同文件結構

  • 數碼轉型
  • 流程自動化
  • 合規維護

多平台生成

為 Web、行動裝置同桌面應用生成響應式設計

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

深受業界領導者信賴

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

定價

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

常見 問題

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

仲有疑問？

我哋嘅團隊隨時準備好幫你充分發揮 API 嘅價值。