Sistemas de design | Principais aplicativos e softwares

Figma

O Figma é um editor de gráficos vetoriais baseado na web que permite design e prototipagem de interfaces, com colaboração em tempo real e suporte para dispositivos móveis.

HeroUI

O HeroUI Chat transforma prompts ou capturas de tela em aplicativos React prontos para produção, integrando design e código com suporte de IA.

DESIGNmd

Biblioteca gratuita de arquivos DESIGN.md para sistemas de design completos; permite buscar por estilo, cor ou tags e usar no editor via MCP, CLI ou download.

Supernova

A Supernova facilita a criação e gestão de sistemas de design, permitindo colaboração entre equipes e integração com ferramentas populares, mantendo a consistência de marcas.

MD Bootstrap

O MD Bootstrap é uma biblioteca que aprimora o Bootstrap com componentes personalizáveis para desenvolvimento de interfaces web responsivas.

Mockplus

Mockplus é uma plataforma online de design e prototipagem que facilita a colaboração de equipes na criação de sistemas de design e protótipos interativos.

Framer Toys

Framer Toys é um kit de interface para designers, oferecendo componentes prontos e módulos para otimizar o design e a prototipagem em projetos Framer.

Glow UI

O Glow UI é um kit de interface para Figma, projetado para profissionais, oferecendo componentes de alta qualidade para facilitar o design de aplicativos SaaS.

Aspect

O Aspect é um aplicativo que permite criar componentes React visualmente, integrando um sistema de design que se sincroniza com a base de código.

Zeroheight

O Zeroheight ajuda equipes a criar e gerenciar sistemas de design, centralizando estilos, diretrizes e códigos para melhorar a colaboração e a consistência em produtos digitais.

腾讯设计Ardot

Ferramenta de design com IA para criar UI a partir de texto ou imagens, editar layouts e vetores, gerenciar sistemas de design e entregar projetos ao desenvolvimento.

tweakcn

Editor interativo para personalizar temas do shadcn/ui; suporta Tailwind CSS v4, Shadcn UI e estilos personalizados. Altera propriedades, pré-visualiza e fornece código em tempo real.

Shadcn Studio

Plataforma open‑source para acelerar o desenvolvimento de interfaces com +1000 componentes Shadcn, temas personalizáveis, templates e editor visual com suporte a Tailwind v4.

Frameblox

O Frameblox é uma biblioteca de componentes e templates para criação de sites, otimizando o design com mais de 780 elementos adaptáveis.

Design Index

Design Index reúne e organiza sistemas, padrões e diretrizes de design, facilitando pesquisa, comparação e acesso a componentes e documentação para projetos digitais.

Shadcnblocks

O ShadcnBlocks é uma biblioteca com mais de 680 blocos de interface para páginas web, compatível com React e Tailwind CSS, focada em personalização e desenvolvimento rápido.

Specify

O Specify permite que organizações gerenciem sua identidade visual ao integrar tokens de design em plataformas como Figma, GitHub e Notion, facilitando o uso e a distribuição.

Design Tokens Generator

Aplicativo para criar e gerenciar tokens de design, gerando código JSON, CSS e SASS, facilitando a consistência em projetos.

FlyonUI

FlyonUI é uma biblioteca de componentes de interface do usuário, gratuita e open-source, que se integra ao Tailwind CSS, oferecendo mais de 800 componentes personalizáveis.

Tailkit

A Tailkit é uma ferramenta para desenvolvedores criarem aplicativos web responsivos com mais de 500 componentes pré-projetados, compatíveis com Tailwind CSS.

AntBlocks UI

A AntBlocks UI é uma ferramenta que oferece uma coleção de componentes prontos para Figma e React, facilitando o desenvolvimento de interfaces personalizáveis.

Design Language System

DLS gera um Design Language System completo—logotipo, paleta, tipografia e componentes de UI—para fundadores solo, via chat de 6 perguntas, baseado em marcas indie.

5sdesign

Kit de design para criar interfaces e landing pages com prompts, fundos animados, cores, fontes e ícones para ferramentas como Claude Code, Cursor e v0.

Shadcn Space

Plataforma de componentes, blocos e modelos de UI para React e Next.js, com recursos prontos para uso, base em shadcn/ui e suporte a Radix UI, Base UI e Tailwind CSS.

AI Era

Mapa curado de como a IA altera sistemas de design: diretrizes, padrões, construtores, automações, leituras e sinais de vagas, baseado em análise de 500+ sistemas. Open source e legível por máquina.

Modaic

Plataforma de colaboração para desenvolvedores que permite versionar, empacotar e colaborar em programas DSPy (programação declarativa para LLMs) num ecossistema aberto.

figr

O Figr AI ajuda a criar produtos rapidamente, facilitando o design de fluxos de usuários, wireframes e sistemas de design.

Design Tokens Generator

O Gerador de Tokens de Design facilita a criação e gerenciamento de tokens de design, garantindo consistência e eficiência em projetos digitais.

Tokens Studio

O Tokens Studio é uma ferramenta de gerenciamento de tokens de design que facilita a criação e edição de elementos como cores e tipografia em sistemas de design.

ShadCN Themes

Crie e personalize temas para shadcn/ui: navegue por temas, ajuste cores com picker OKLCH, escolha Google Fonts, defina border radius e exporte temas para projetos Next.js.

SeamUI

Cliente de IA para imagens que ajuda criadores, designers e profissionais de marketing a escalar fluxos de trabalho criativos.

Tailark Pro

Tailark Pro é um kit de UI que fornece blocos e páginas prontos (heróis, preços, depoimentos), integra Tailwind e Radix e inclui ferramentas para gerar código e acelerar o desenvolvimento frontend.

BadtzUI

BadtzUI é uma ferramenta que fornece blocos e componentes pré-projetados para facilitar a criação de websites com ReactJS/NextJS de forma rápida e eficiente.

UIAble

Biblioteca open source de componentes UI para React e Next.js, com Tailwind CSS, acessibilidade e componentes reutilizáveis para criar interfaces web.

ZemryX

Sistema de design e kit UI para Figma com componentes, tokens e temas claros/escuros, criado para padronizar interfaces e facilitar a colaboração entre design e desenvolvimento.

MyuiKits

MyuiKits permite navegar componentes React, criar e salvar seus próprios componentes, agrupar em kits e publicar no NPM.

MasterGo

Plataforma online para criar interfaces, protótipos e sistemas de design, com colaboração em tempo real, recursos de IA e ferramentas para desenvolvimento.

Contexxt

Contexxt centraliza tokens, componentes e regras de sistemas de design, orienta ferramentas de IA na geração de código e verifica sua conformidade.

Outlined

Plataforma que analisa o código, extrai tokens e padrões de UI e gera regras para manter mudanças de front-end consistentes em projetos com IA.

NuxtPro

Template SaaS open-source em Nuxt3 que fornece pagamentos globais (Stripe/Cream), login Google, rotas i18n, ferramentas de SEO, suporte SSR/SSG e segurança pronta para produção.