LibreAI ENESPTDEFRRUJA
← Todas as categorias// design

As melhores ferramentas de IA de código aberto para design

Design assistido por IA, interfaces e ferramentas criativas.

63 ferramentas · 💎 31 joias escondidas

// comece aqui

Comece aqui

Os projetos com mais estrelas desta categoria, mais uma seleção rotativa de outros três do restante da lista: renovada para que todo o catálogo tenha sua vez na vitrine.

Design

Excalidraw

Excalidraw — the virtual whiteboard with the hand-drawn look: infinite canvas, real-time collaboration and end-to-end encrypted sharing, MIT-licensed

★ 134,0 mil estrelasMIT
Ver o guia →
Design

Screenshot To Code

Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)

★ 80,0 mil estrelasMIT
Ver o guia →
Design

archify

Turn any idea, plan or codebase into a beautiful interactive architecture diagram — an agent skill

★ 79,8 mil estrelasMIT
Ver o guia →
Design

dingtalk-workspace-cli

DingTalk Workspace is an officially open-sourced cross-platform CLI tool from DingTalk. It unifies DingTalk’s full suite of product capabilities into a singl…

★ 3,2 mil estrelasApache-2.0
Ver o guia →
Design

whiteboard

open-source canvas for thoughtful software design

★ 2,7 mil estrelasMIT
Ver o guia →
Design

figma-console-mcp

Your design system as an API — an MCP server that connects AI to Figma for extraction, creation and debugging

★ 2,5 mil estrelasMIT
Ver o guia →

Mais categorias: VídeoImagemÁudioMúsica com IAIA 3DRecortesLLM localChat com IAAgentes de IARAG e conhecimentoAutomaçãoProdutividadeFerramentas de desenvolvimentoEscritaAutohospedadoInstalação fácil

// sobre esta categoria

As melhores ferramentas de IA de código aberto para design

As ferramentas de design daqui combinam IA com o fluxo criativo: geradores de UI que transformam prompts ou capturas de tela em layouts e código, ajudantes de ativos e ícones e assistentes que moram dentro das ferramentas que os designers já usam.

A divisão prática é entre ferramentas que produzem pontos de partida — wireframes, variantes, front-ends básicos — e ferramentas que aceleram o processo do próprio designer. Trate a UI gerada como um rascunho para dirigir, não como uma entrega, e a categoria vai lhe servir bem.

Como escolher

  • Se você lança produtos, favoreça ferramentas que exportam código real ou arquivos de design padrão em vez de saídas só em imagem.
  • Consistência é o teste: uma boa ferramenta respeita seus componentes e estilos existentes em vez de inventar outros novos.
  • Ferramentas de captura para UI são mais bem avaliadas na sua tela mais feia, não nos exemplos da galeria delas.
// perguntas frequentes

Perguntas frequentes

Quais ferramentas de design de código aberto estão incluídas aqui?

Esta página reúne 63 projetos de design de código aberto selecionados pelo LibreAI: Design assistido por IA, interfaces e ferramentas criativas. Cada um é verificado no GitHub e tem sua própria página de guia com uma visão geral, passos de instalação, casos de uso e perguntas frequentes.

Estas ferramentas de design são gratuitas?

Sim. Toda ferramenta aqui é de código aberto e gratuita para baixar e usar sob sua própria licença: a maioria usa MIT, Apache-2.0 ou GPL-3.0, e qualquer licença personalizada de código disponível é sinalizada na página da ferramenta. Verifique o arquivo LICENSE antes do uso comercial.

O LibreAI hospeda estas ferramentas?

Não. O LibreAI publica apenas guias; nenhum download é servido a partir deste site. Toda instalação vem do repositório oficial do projeto no GitHub.

Como instalo uma ferramenta de design a partir desta página?

Abra o guia da ferramenta e siga a seção «Execute você mesmo» dele: os passos vêm da documentação do próprio projeto. Ou use o botão «Ver no GitHub» para ir direto ao repositório oficial.

Como estas ferramentas foram escolhidas?

Cada projeto é verificado em tempo real pela API do GitHub — estrelas, forks, licença e atividade recente — e só é listado se tiver impulso real e uma comunidade ativa.

Ferramentas de design com IA conseguem produzir UI pronta para produção?

Elas produzem primeiros rascunhos fortes: layouts, variantes e código front-end básico. Qualidade de produção ainda precisa da passada de um designer em espaçamento, estados e casos extremos, e as ferramentas que exportam código real ou arquivos padrão são as que cabem em um fluxo profissional.

Estas ferramentas substituem um designer?

Elas substituem a tela em branco, não o designer. O melhor uso delas é velocidade: explorar dez direções no tempo que uma costumava levar, e depois deixar o julgamento humano escolher e refinar.