Codia
AI 驅動的 PDF 解析

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

從任何 PDF 中精準擷取 UI 組件、版面與樣式數據。以我們的 Visual Element Schema API 驅動您的設計自動化流程。

基準測試
輸出質素
<2s
處理時間
50+
元素類型

強大功能
為規模而生

將靜態 PDF 轉化為可用於設計自動化工作流程的結構化數據，您所需的功能一應俱全。

支援多頁 PDF

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

Visual Element Schema

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

極速處理

為生產工作流程提供快速處理，輸出質素取決於原始 PDF 的結構與清晰度。

開發者優先 API

RESTful API 配備完整文檔、SDK 與代碼範例，可快速整合。

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
  }
}
結構化
層級式組件數據
精準
像素級定位

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 的價值。