Codia
AI 驱动的 PDF 解析

将 PDF 转换为
结构化的
视觉架构

从任何 PDF 中精准提取 UI 组件、布局与样式数据。用我们的视觉元素架构 API 驱动你的设计自动化流程。

Benchmarked
Output Quality
<2s
处理时间
50+
元素类型

强大的功能
为规模化而生

你所需的一切，将静态 PDF 转化为可用于设计自动化流程的结构化数据。

多页 PDF 支持

处理包含多页的复杂文档，精确提取每一页的布局数据。

视觉元素架构

标准化数据模型，完整捕获组件层级、定位、样式与内容细节。

极速处理

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
  }
}
结构化
层级化组件数据
精准
像素级定位

视觉元素
架构标准

为 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、移动端与桌面应用生成响应式设计

  • 跨平台一致性
  • 响应式布局
  • 设备优化

深受行业领先者信赖

金融科技
表单数字化与合规
电子商务
商品页面自动化
医疗健康
患者表单处理
教育
课程资料数字化

产品定价

所有产品透明定价，免费开始，按需升级。

常见 问题

关于 PDF 转视觉元素架构 API，你需要了解的一切。

还有疑问？

我们的团队随时为你提供帮助，让你充分发挥 API 的价值。