Crie apresentações de slides a partir de um vídeo ou artigo com o Open Design (com créditos grátis)

O Open Design não serve só para páginas web — ele é um poderoso gerador de apresentações. Este guia foca nisso: transformar a transcrição de um vídeo do YouTube ou qualquer artigo em uma apresentação de slides polida e animada, rodando de graça no plano gratuito de um agente de código. Ele também cobre a configuração gratuita do Codex, sistemas de design, a ferramenta de rascunho e a importação de um ZIP do Claude Design. Ele segue o passo a passo detalhado que Eli Rigobeli dá em seu vídeo, reescrito em inglês e atualizado para a versão atual. Assista ao vídeo acima ou continue na versão escrita.

Modo de apresentação: escolha uma categoria de apresentação e faça fork de um exemplo como ponto de partida.

O que é o Open Design?

O Open Design é uma plataforma de design open source e local-first — uma alternativa ao Claude Design que você roda na sua própria máquina, conduzindo qualquer agente ou modelo que você quiser (Codex, Claude Code, Gemini, OpenCode ou sua própria API key) em vez de ficar preso a um único provedor com limite de tokens. Ele vem com uma ampla biblioteca de sistemas de design (cada um um DESIGN.md) e habilidades de design, e vai além de páginas até apresentações de slides, imagens e vídeo.

Passo 1 — Instale e conecte um modelo gratuito

Baixe o instalador em open-design.ai/download (macOS / Windows), ou rode a partir do código-fonte:

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

Abra a URL local que ele imprime (uma porta dinâmica — não fixe uma no código). Para uma configuração gratuita, Eli conecta o Codex logado com uma conta gratuita do ChatGPT (que concede créditos semanais), de modo que toda a sessão não custa nada. Nas configurações você também pode testar a conexão, adicionar provedores de mídia (imagem/vídeo/áudio), trocar de idioma e adotar um mascote de desktop.

Passo 2 — Gere uma apresentação a partir de conteúdo existente

Este é o fluxo de trabalho de destaque. Você não precisa escrever uma apresentação do zero — alimente o Open Design com conteúdo que você já tem:

1. Escolha Apresentação de slides, dê um nome a ela e escolha um sistema de design (você pode até misturar dois, p. ex. um visual de marca + um visual de código).
2. Pegue o conteúdo de origem — Eli copia a transcrição de um vídeo do YouTube (qualquer artigo também serve) — e peça a um LLM para transformá-lo em um briefing de apresentação ("gere um prompt para uma apresentação de 5 slides a partir desta transcrição: …").
3. Cole isso no Open Design e envie. Ele faz uma rápida passagem de descoberta (público, tom visual — p. ex. "revista editorial", nível de animação) e uma direção visual, e então constrói.

O resultado é uma apresentação realmente polida — a de Eli tinha animações suaves de transição entre slides e um visual editorial consistente ao longo de cinco slides, pronto para apresentar em tela cheia. É a forma mais rápida de transformar uma palestra, artigo ou vídeo em slides compartilháveis.

Um protótipo real gerado, renderizado na pré-visualização — o Open Design também constrói páginas interativas completas, não só apresentações.

Passo 3 — Mais entradas: rascunhos, referências e ZIPs do Claude Design

O Open Design aceita vários pontos de partida além de um prompt de texto:

• Ferramenta de rascunho — desenhe um layout grosseiro ("banner aqui, cards abaixo"), faça anotações e mande construir a partir do seu rascunho.
• Arquivos de referência — arraste imagens, capturas de tela ou pastas como contexto e mencione-os com @ (ou habilidades) direto no prompt.
• Importação de ZIP do Claude Design — já tem um sistema de design no Claude Design? Exporte-o como ZIP, importe-o, e o Open Design constrói novos artefatos que seguem seus tokens e sua marca existentes.

A galeria HyperFrames: peças de motion e vídeo conduzidas por código que você pode forkar e remixar.

Passo 4 — Edite, fique de olho no custo e publique

Use Editar/Inspecionar para ajustar elementos visualmente (deixe o agente adicionar tags data-oid se o Inspecionar pedir), e comentário-para-editar para marcar pontos. Eli fica de olho no saldo gratuito do Codex — uma landing page custou ~21% dos créditos gratuitos semanais, uma apresentação um pouco mais — provando que dá para fazer trabalho de verdade sem pagar. Quando terminar, Compartilhar exporta para PDF/PowerPoint/ZIP/HTML ou faz deploy na Vercel.

A dica de custo dele: se você preferir usar uma API key, escolha modelos baratos (GLM, Kimi, DeepSeek) — eles custam uma fração do preço e são mais que bons para iteração de design.

Dicas

• Alimente com conteúdo, não escreva do zero — uma transcrição ou artigo → uma apresentação pronta.
• Conecte o Codex via uma conta gratuita do ChatGPT (créditos semanais) para rodar de graça.
• Misture dois sistemas de design para um visual personalizado; use a ferramenta de rascunho quando já tiver um layout em mente.
• Importe um ZIP do Claude Design para reutilizar um sistema de design existente.
• Fique de olho no saldo de créditos e mude para modelos de API baratos (GLM/Kimi/DeepSeek) para escalar.

Perguntas frequentes

O Open Design consegue fazer apresentações, não só páginas web? Sim — o modo de apresentação de slides transforma um prompt (ou uma transcrição/artigo que você cole) em uma apresentação HTML polida e animada que você pode apresentar em tela cheia ou exportar para PowerPoint/PDF.

Posso rodá-lo totalmente de graça? Sim — conecte o Codex com uma conta gratuita do ChatGPT (ou o plano gratuito do Gemini); Eli constrói páginas e apresentações sem pagar, apenas ficando de olho no saldo semanal de créditos.

De quais entradas ele pode partir? Um prompt de texto, um rascunho feito à mão, imagens/capturas de tela/pastas de referência, ou um ZIP do Claude Design importado.

É gratuito e open source? Sim — Apache-2.0. Rode-o localmente de graça; você só paga pelo uso de modelo/mídia daquilo que conectar.

---

Este guia escrito é baseado no passo a passo detalhado de Eli Rigobeli. Assista ao vídeo completo acima e inscreva-se no canal de Eli Rigobeli para mais conteúdo de construção com IA.