Codia
Ver todos os artigos

Open API e o ecossistema de desenvolvedores da Codia

Developer Platform2026-04-22

Por que a Codia expõe APIs

Os produtos da Codia convertem conteúdo visual em ativos editáveis e estruturados. A API existe para equipes que querem a mesma capacidade dentro do próprio produto, script de migração, fluxo de agentes, sistema de QA ou pipeline de automação de design.

A plataforma de desenvolvedores gira em torno de uma ideia simples: entradas visuais devem virar dados estruturados que o software consiga raciocinar sobre.

Visual Struct para imagens

O endpoint de imagem do Visual Struct converte uma captura de UI ou mockup em uma árvore JSON hierárquica.

http
POST https://api.codia.ai/v1/open/image_to_design

A resposta inclui elementos tipados como cabeçalhos, botões, cards, tabelas, gráficos, ícones, texto e painéis. Os nós incluem bounding boxes, configuração de layout, metadados de confiança e elementos filhos.

A documentação descreve três formatos de saída:

  • json para pipelines downstream personalizados
  • svg para uma re-renderização vetorial agnóstica da ferramenta de design
  • figma para inserção em um arquivo do Figma por meio de um plugin ou fluxo de importação

Esta é a API a usar quando uma captura, mockup de UI ou referência visual precisa virar algo legível por máquina.

PDF para Visual Struct

PDFs usam um endpoint relacionado:

http
POST https://api.codia.ai/v1/open/pdf_to_design

O endpoint converte uma página PDF no Visual Element Schema da Codia: uma hierarquia tipada com bounding boxes, configurações de layout, especificações de estilo e elementos filhos. A mesma forma de esquema é compartilhada com o Visual Struct de imagem, para que consumidores downstream possam suportar imagens e PDFs com um único modelo de processamento.

A documentação lista usos comuns como importadores do Figma, geradores de código, pipelines de QA visual e fluxos de renderização.

Uploads e fluxos de tarefas

Para fluxos que precisam de tratamento privado de arquivos ou jobs longos, o conteúdo existente da Open API descreve um padrão de upload e tarefa:

  • enviar um arquivo privado para /v1/open/uploads
  • receber um upload_id opaco
  • criar uma tarefa por meio de /v1/open/tasks
  • receber eventos webhook ou consultar o status da tarefa
  • baixar a saída gerada quando a tarefa terminar

O artigo sobre PDF estilo NotebookLM para PPTX editável usa esse padrão para automação PDF para PowerPoint no lado do servidor. A regra de implementação principal é que a chave de API da Codia fica no seu servidor, não no navegador.

O que os desenvolvedores constroem com isso

A API é útil quando um time precisa de compreensão visual estruturada dentro de outro sistema:

  • arquivamento e análise competitiva de UI
  • auditorias de design system
  • QA visual automatizado e verificações de regressão
  • fluxos de importação de screenshot para Figma
  • extração de PDF para esquema
  • pré-processamento para geração de código
  • fluxos de agentes que precisam de estrutura de UI legível por máquina
  • ferramentas de migração em lote para grandes acervos de design

A saída não é apenas uma captura com rótulos. É uma árvore que pode ser filtrada, transformada, renderizada, importada ou passada para outro modelo.

Limites de integração

A documentação pública é clara sobre alguns limites práticos:

  • chamadas de API exigem autenticação por bearer token.
  • a verificação de créditos acontece antes de algumas cargas serem lidas.
  • a qualidade da saída depende da clareza da fonte e da complexidade do layout.
  • capturas muito altas podem funcionar melhor quando divididas em limites de seção.
  • nós com baixa confiança devem ser filtrados antes do uso downstream.
  • implantações empresariais podem revisar retenção, uso em produção, limites de taxa maiores e necessidades de implantação privada.

Esses limites fazem parte da experiência do desenvolvedor. Uma API confiável deve tornar seus trade-offs visíveis.

Por onde começar

Comece com Visual Struct para capturas e mockups. Use PDF to Visual Struct para PDFs. Abra a API Reference para esquemas de endpoint e campos de request e response.

Recursos relacionados

#open-api#visual-struct#developer-api#json#automation