Codia
AI 기반 PDF 분석

PDF를
구조화된
비주얼 스키마로

모든 PDF에서 UI 컴포넌트, 레이아웃, 스타일 데이터를 정밀하게 추출하세요. Visual Element Schema API로 디자인 자동화를 강화합니다.

Benchmarked
Output Quality
<2초
처리 시간
50+
요소 타입

강력한 기능
규모에 맞게 설계

정적 PDF를 디자인 자동화 워크플로에서 사용할 수 있는 구조화된 데이터로 변환하는 데 필요한 모든 것을 제공합니다.

다중 페이지 PDF 지원

여러 페이지로 구성된 복잡한 문서를 처리하며, 각 페이지의 레이아웃 데이터를 정확히 추출합니다.

Visual Element Schema

컴포넌트 계층 구조, 위치, 스타일, 콘텐츠 정보를 담는 표준화된 데이터 모델입니다.

초고속 처리

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

개발자 우선 API

완전한 문서, SDK, 샘플 코드를 갖춘 RESTful API로 빠르게 통합할 수 있습니다.

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 문서를 현대적이고 인터랙티브한 웹 인터페이스로 전환합니다.

  • 기존 디자인 보존
  • 마이그레이션 프로젝트 가속화
  • 브랜드 일관성 유지

비주얼 테스트

추출된 UI 컴포넌트를 기반으로 테스트 케이스 및 검증 규칙을 생성합니다.

  • 자동화된 UI 테스트
  • 비주얼 리그레션 감지
  • 컴포넌트 검증

래피드 프로토타이핑

디자인 아이디어를 인터랙티브 프로토타입으로 빠르게 변환하여 사용자 테스트를 진행합니다.

  • 더 빠른 반복 주기
  • 조기 사용자 피드백
  • 디자인 부채 감소

엔터프라이즈 문서

복잡한 기업용 양식과 문서 구조를 추출 및 디지털화합니다.

  • 디지털 전환
  • 프로세스 자동화
  • 컴플라이언스 유지

멀티 플랫폼 생성

웹, 모바일, 데스크톱 애플리케이션을 위한 반응형 디자인을 생성합니다.

  • 크로스 플랫폼 일관성
  • 반응형 레이아웃
  • 디바이스 최적화

업계 리더들의 신뢰

핀테크
양식 디지털화 및 컴플라이언스
이커머스
상품 페이지 자동화
헬스케어
환자 양식 처리
교육
교육 자료 디지털화

요금제

모든 제품의 명확한 가격. 무료로 시작하고 성장에 맞춰 업그레이드하세요.

자주 묻는 질문

PDF to Visual Element Schema API에 대해 알아야 할 모든 것입니다.

아직 질문이 있으신가요?

저희 팀이 API를 최대한 활용할 수 있도록 도와드립니다.