O que dá para exportar do OpenDesign? HTML, PDF, PPTX e MP4 explicados

Fala aí, beleza? O design ficou pronto, o cliente pediu "me manda aí" e aí começa o problema de verdade: o que exatamente tu manda?

Esse é o ponto cego de quase toda ferramenta de design com IA. Bonito na tela, e preso lá dentro

O OpenDesign ataca justamente isso. Ele é um app desktop local-first, apresentado pelo próprio repositório como alternativa open source ao Claude Design, mantido pela org nexu-io no GitHub

E a promessa dele é arquivo real na mão: HTML, PDF, PPTX e MP4

Bora destrinchar formato por formato, porque cada um serve pra um tipo de entrega bem diferente 😀

HTML, PDF, PPTX, ZIP, Markdown e MP4: o que cada formato entrega

Primeiro, uma separação importante que muita gente mistura

Todo deck feito no OpenDesign exporta em CINCO saídas: HTML, PDF, PPTX, ZIP ou Markdown

O MP4 é outro caminho, ele vem do fluxo de vídeo com o HyperFrames (explico direitinho mais pra frente)

Repara que não tem "exportar imagem do design" nessa lista, e isso é proposital

O que sai daqui é entregável, não print

Por que o HTML do OpenDesign é código de verdade, e não uma imagem do design

Essa é a parte que muda o jogo, se liga

O repositório é direto no ponto: o artefato é HTML/CSS real, e dá pra jogar dentro do Cursor, do Codex ou do Claude Code pra continuar construindo como código

Ou seja, o design não é o fim da linha. Ele é o começo do desenvolvimento

Se tu já viveu o ciclo de receber um layout e ter que reconstruir tudo do zero na mão, tu sabe o tamanho do atalho que isso representa

HTML único ou ZIP? A diferença é o que tu vai fazer com ele:

São duas filosofias diferentes pro mesmo conteúdo

• HTML single file: os assets vêm inlined, tudo dentro de um arquivo só. É o formato de MANDAR pra alguém, porque não tem como o cara perder metade das coisas no caminho
• ZIP: HTML, CSS e assets empacotados e separados, feito pra hospedagem local ou inspeção. É o formato de MEXER, quando tu quer ver a estrutura e continuar dali

Simples assim: um é entrega, o outro é matéria-prima

E onde ficam os arquivos?

Boa pergunta, e a resposta importa quando tu quer achar o que gerou

O daemon do OpenDesign cria uma pasta local .od/ com SQLite e artefatos por projeto

E cada renderização de imagem ou vídeo cai como um .png ou .mp4 real dentro do workspace do projeto

Nada de arquivo fantasma num servidor que tu não controla 🙂

Como sai o MP4: o papel do HyperFrames na exportação de vídeo

Aqui tem uma sacada bem massa de arquitetura

O OpenDesign não tem um "gerador de vídeo" mágico. O que acontece é o seguinte: o agente escreve HTML + CSS + GSAP, e o HyperFrames renderiza isso pra um MP4 determinístico

Que negócio é HyperFrames?

É um framework open source sob Apache 2.0, originado pela HeyGen, que existe pra transformar HTML em vídeo. O repo é o heygen-com/hyperframes e o site é hyperframes.heygen.com

O caminho técnico é: o HTML é carregado no Chrome headless, o render avança quadro a quadro (frame = tempo x fps), o Chrome captura os frames e o FFmpeg codifica o vídeo final

A palavra-chave aqui é determinístico

Como o avanço é por frame calculado, e não por gravação de tela em tempo real, o mesmo HTML gera o mesmo vídeo. Sem quadro pulado porque o PC engasgou

Não é só GSAP:

O HyperFrames tem adaptadores determinísticos pra GSAP, Lottie, Three.js, Rive, anime.js e WAAPI

Se tu já anima na web, tu já sabe animar pro vídeo. É o mesmo ferramental, com outra saída

Qual formato usar para cada tipo de entrega

Na prática o formato é escolhido pelo que vai acontecer com o arquivo DEPOIS que tu manda. Vamos aos cenários

1. O cliente vai editar o deck: PPTX. A skill pptx-generator exporta o deck pra um .pptx real, com texto e formas nativos e editáveis, auditado pra fidelidade HTML-to-PPTX. Não é slide achatado em imagem, ele segue editável no PowerPoint ou no Keynote
2. É só aprovação, ninguém vai mexer: PDF. Sai pela impressão do navegador com tratamento específico de deck, é a versão fechada pra ler e dar o "ok"
3. A apresentação é agora: nem precisa exportar. Dá pra apresentar direto do navegador, e usar o PDF ou o PPTX só pra compartilhar depois
4. O time de dev vai continuar a landing page ou o dashboard: HTML ou ZIP. Manda o ZIP quando o pessoal vai hospedar local ou inspecionar, e lembra que o HTML/CSS é real e entra direto no Cursor, Codex ou Claude Code
5. A peça é animada: MP4, pelo caminho do HyperFrames

Handoff responsivo e os arquivos de entrega:

O changelog recente traz uma parte bem interessante pra quem trabalha entregando material pra terceiros

Entrou HyperFrames HTML-in-Canvas, que embute HTML interativo dentro de templates de canvas

E entrou também o handoff responsivo, com auto-fit pra tablet e mobile, matriz de viewports 2025-2026, export screen-file-first e as saídas DESIGN-HANDOFF e DESIGN-MANIFEST

Ou seja, o pacote de entrega pro dev virou um artefato próprio, não só "o arquivo do design"

O que muda na prática: arquivo na mão, sem assinatura e sem lock-in

Junta tudo e o resultado é esse: o entregável não fica preso na ferramenta

O OpenDesign é distribuído sob licença Apache-2.0, e a página de preço é bem clara: o produto é gratuito e Apache-2.0, não existe assinatura do OpenDesign

Então de onde vem o custo?

Do provedor de modelo que tu conecta, no esquema BYOK (bring your own key). Tu paga a API do provedor escolhido, cobrada direto na tua conta

E as credenciais ficam do teu lado: em .od/media-config.json ou nas variáveis de ambiente do shell, com as chamadas saindo da tua máquina direto pro provedor

O projeto traz 21 adaptadores BYOK de primeira parte, então tu tem margem pra escolher com quem quer gastar

Como colocar a mão nele:

O app é desktop, distribuído pra macOS e Windows a partir dos releases do GitHub

A versão mais recente observada é a 0.16.1, publicada em 24 de julho de 2026

E o repositório nexu-io/open-design foi criado em 28 de abril de 2026, então é projeto novo e se movendo rápido. Vale acompanhar o changelog

Vídeo: por que HTML no lugar de Markdown muda o resultado

O OpenDesign gera artefato em HTML, e essa escolha de formato tem uma discussão maior por trás

Pra começar do zero nesse assunto, este vídeo do canal coloca HTML e Markdown lado a lado em skills e mostra o que muda no resultado

Conclusão

Recapitulando o que dá pra exportar do OpenDesign: o deck sai em HTML, PDF, PPTX, ZIP ou Markdown, e o caminho de vídeo entrega MP4 pelo HyperFrames com Chrome headless + FFmpeg

O HTML vem como arquivo único com os assets embutidos, o PPTX vem editável de verdade, o ZIP vem com HTML, CSS e assets pra hospedar local, e o artefato inteiro é código que continua no Cursor, no Codex ou no Claude Code

O próximo passo é bem direto: baixa o app desktop pelos releases em github.com/nexu-io/open-design, conecta teu provedor por BYOK e exporta um deck só pra ver o formato que te interessa saindo do outro lado

Aí tu tira a prova sozinho, que é sempre o melhor jeito 😀

até o próximo post!