Sites
Design de site de carreiras
Kimi Careers por OpenDesign
Página de carreiras contada em oito cenas lunares, com transições vinculadas à rolagem e um processo de candidatura ilustrado em quatro etapas.
Exemplo de hackathon
Biblioteca de estudos de caso de design
Vitrine OpenDesign:
Exemplos de design com IA
- Sites
- Aplicativos
- Painéis
- Apresentações
- Elementos gráficos
Dezoito exemplos de design com IA criados com OpenDesign e entregues como código real, apresentações ou protótipo de aplicativo. Cada um apresenta o briefing, o modelo e as decisões de layout e termina com um prompt que você pode reutilizar.
18 estudos de caso · duas séries · 10 modelos
Estudos de caso
Encontre inspiração para sua próxima ideia
Filtre por tipo de resultado, finalidade, série ou modelo usado na criação.
Exemplo de hackathon
Sites
Design de site para passeio noturno em Bianjing
Bianjing After Dark por OpenDesign
Uma jornada noturna interativa por uma Bianjing imaginária da era Song, que combina uma cidade fluvial persistente, poesia, lanternas e ritmo de capítulos em vários idiomas.
LLM Arena · GPT 6 Sol
Sites
Design de site para passeio noturno em Kaifeng
Bianjing After Dark por OpenDesign
Siga um rio iluminado por lanternas por cinco capítulos de Bianjing After Dark, do portão da cidade e do mercado noturno à poesia e à soltura de lanternas.
LLM Arena · Claude Opus 5.5
Painéis
Design de painel de planejamento de viagens
Halcyon Cove por OpenDesign
Monte um roteiro de um dia com seis paradas em Halcyon Cove: conecte lugares salvos, locais no mapa e tempo de caminhada em um só painel.
LLM Arena · Claude Opus 5
Aplicativos
Design de app de coleção marinha
Abyssal Log por OpenDesign
Uma coleção de espécimes marinhos conectada a missões de mergulho. Cada registro desconhecido explica a tarefa e o progresso necessários para revelá-lo.
LLM Arena · Claude Opus 5
Painéis
Design de painel pessoal
Life System por OpenDesign
Pontuação semanal, métricas do mapa corporal, ritmos diários e cinco experimentos em um painel para desktop, explicados em quatro visualizações detalhadas e anotadas.
Exemplo de hackathon
Sites
Design de site para reservas em restaurante
Ember & Pepper por OpenDesign
Pratos exclusivos e informações para visitar, acompanhados de uma janela de reserva para quem já está pronto para reservar.
LLM Arena · GPT 5.6 Sol
Aplicativos
Design de jogo de aventura em uma ilha
Harbor Skirmish por OpenDesign
Uma pequena ilha à beira-mar com rotas pelos telhados, três espaços para armas e uma interface em primeira pessoa descontraída.
LLM Arena · GPT 6 Astra
Apresentações
Design de apresentação de produto
Agent-Native Workspace por OpenDesign
Uma história de produto em três slides: uma ideia central de abertura, um conceito de aplicativo complementar para dispositivos móveis e uma central de controle empresarial.
Exemplo de hackathon
Aplicativos
Design de planejador de passeio de um dia
Solara Bay por OpenDesign
Seis paradas com horários em Solara Bay, uma cidade fictícia, com mapa ilustrado, estimativas de caminhada e avisos úteis sobre o trajeto.
LLM Arena · GPT 5.6 Sol
Aplicativos
Design de aplicativo de coleção de descobertas
Abyssal Atlas por OpenDesign
Uma coleção de espécimes ligada a uma fila de mergulhos: registros bloqueados, duas linhas de filtros e contadores de progresso mostram o que descobrir em seguida.
LLM Arena · Grok 4.6
Sites
Design de site para restaurante de hot pot
Yàn Huǒ por OpenDesign
O hot pot é apresentado com um menu de especialidades e preços, uma galeria do restaurante e informações para visitar antes de fazer uma reserva.
LLM Arena · Qwen 3.8 Max
Sites
Design de site de restauração florestal
Second Spring por OpenDesign
Um galho caído interativo leva a relatos de campo sobre a floresta, a um plano de restauração e a formas simuladas de contribuir.
LLM Arena · DeepSeek V4.1 Flash
Sites
Design de site interativo de conservação
Second Spring por OpenDesign
Cultive um trecho de musgo em um tronco caído e explore histórias do chão da floresta e formas simuladas de ajudar.
LLM Arena · Claude Fable 5.1
Elementos gráficos
Design de explicação interativa de produto
iPhone Inside por OpenDesign
Camadas separadas de um celular conceitual, com predefinições de câmera, um controle deslizante e um painel com oito grupos de montagem.
LLM Arena · GPT Astra
Aplicativos
Design de jogo FPS em ilha
Harbor Skirmish por OpenDesign
Uma tela de título marcante da ilha leva à ação em primeira pessoa, com painéis de status em caixas e controles de armas numerados.
LLM Arena · DeepSeek V4.1 Flash
Elementos gráficos
Design de site de currículo
Tom Goodman por OpenDesign
Um currículo fictício que combina experiência com gráficos de competências e trabalhos selecionados, em uma ordem de leitura de duas colunas e com um layout separado para impressão.
Exemplo de hackathon
Elementos gráficos
Design de site de portfólio criativo
Maya Rowan por OpenDesign
Um portfólio fictício que reúne cards de projetos no estilo de pôster, uma prática em três etapas, anotações de trabalho e contato.
Exemplo de hackathon
Nenhum projeto corresponde a estes filtros
Limpe os filtros para ver todos os projetos ou explore outro tipo de trabalho.
Usamos paginação em vez de rolagem infinita para que todos os projetos possam ser acessados pelo teclado e por mecanismos de busca.
Comunidade
Relembre o hackathon, compare os modelos
Um hackathon da comunidade que acabou de terminar e uma série de avaliações em que dez modelos responderam aos mesmos briefs.
Hackathon de Design de Produto
Encerrado · 18 set. 2026- Datas
- 9–18 set.
- Premiação
- 10 primeiros + 50 primeiros
- Exemplos
- 5
Designers publicaram no X produtos feitos com OpenDesign, com uma publicação e um link da comunidade por inscrição. As inscrições foram classificadas por curtidas.
- Kimi Careers
- Life System
- Agent-Native Workspace
- Tom Goodman
- Maya Rowan
LLM Arena set. 2026
Notas da série- Modelos
- 10
- Briefs compartilhados
- 6
- Estudos de caso
- 13
Seis briefs, cada um respondido por dois modelos. Cada página informa o modelo e a tarefa, para que as respostas possam ser comparadas lado a lado.
- Claude Opus 5
- GPT 5.6 Sol
- DeepSeek V4.1 Flash
- Qwen 3.8 Max
- Grok 4.6
- GPT Astra
- GPT 6 Astra
- Claude Fable 5.1
- GPT 6 Sol
- Claude Opus 5.5
Como criar exemplos de design com IA no OpenDesign
Comece por um estudo de caso próximo da sua ideia
Filtre os estudos de caso acima pelo tipo de resultado e abra um que se aproxime do que você quer criar. Leia o brief, veja qual modelo foi usado e quais decisões de layout são explicadas; anote o que manteria e o que mudaria.
Escreva o brief antes de pedir uma proposta visual
Informe o tipo de resultado, as telas ou seções, o conteúdo de exemplo e a interação mais importante. Diga quais informações são reais e quais são apenas placeholders, para que o design não invente fatos.
Prompt sugeridoCrie o design de um site para uma padaria fictícia de bairro. Inclua uma seção principal com os produtos assados de hoje, um menu dividido entre manhã e tarde, horários de funcionamento e um formulário de encomenda antecipada com campos placeholder claramente identificados. Mantenha a navegação literal, use texto real em todos os títulos e inclua um layout legível para dispositivos móveis.
Escolha um modelo ou compare dois
Escolha o modelo em que confia para layout e texto. Para ver como dois modelos lidam com o mesmo brief, execute-o no LLM Arena primeiro, como fizeram os estudos de caso da Arena nesta página.
Refine uma seção antes da página inteira
Peça alterações em uma seção por vez: hierarquia, espaçamento, estados e texto. Confira o layout para dispositivos móveis e o estado de movimento reduzido antes de aplicar um efeito à página inteira.
Exporte e obtenha um link para compartilhar
Exporte o design finalizado como HTML e use Compartilhar no OpenDesign para obter um link. Abra-o em outra janela do navegador e confira se a versão desejada e os recursos carregam antes de enviar.
Comece agora
Crie o próximo exemplo você mesmo
Gratuito, de código aberto e executado na sua máquina com suas próprias chaves. Traga um briefing, escolha um modelo e publique um site, app, painel ou apresentação para compartilhar.
Versões para desktop em macOS e Windows. Gratuito e de código aberto sob a licença Apache-2.0.
