Adicione movimento
Crie animações precisas, desenvolva sistemas de movimento reutilizáveis e entregue animações prontas para os desenvolvedores.
Figma Design
Feito para dar visão panorâmica. Perfeito em cada pixel.
Trabalhe da maneira que quiser: construa design systems, edite com IA ou ajuste detalhes.
Tela de trabalho infinita, expressão infinita.
Desenhe, anime e deixe tudo exatamente do jeito que você imagina.
Desenhe ilustrações vivas
Crie designs perfeitos em cada pixel, com edição vetorial. Use pincéis vetoriais, configurações avançadas de traço, preenchimentos e muito mais.
Converse com o Figma
Peça ao agente de IA do Figma que gere novas direções de design, edite textos e imagens em massa e aplique design systems. Tudo integrado diretamente à tela de trabalho.
Saiba como será a experiência do usuário antes de começar a desenvolver.
Use prompts para dar vida ao seu design. Refine os resultados até obter um protótipo baseado em código que sua equipe possa ver, sentir e avaliar.
Edite por prompt, design ou código
Crie um protótipo de alta fidelidade no Figma Make e aprimore os detalhes de acordo com a sua forma preferida de trabalho: por design, código ou prompt.
Incorpore protótipos Make em qualquer lugar
Insira protótipos no Figma Design, FigJam e Figma Slides para que sua equipe possa clicar, interagir e fornecer um feedback melhor.
Os produtos que você adora são projetados no Figma
Trabalhamos todos no mesmo lugar, em vez de usar várias ferramentas. Assim, reduzimos trocas de contexto e custos, mas o principal é que ganhamos velocidade e facilidade. O Figma tem o que precisamos.
Adam Morris
Diretor de design de produto da The Economist
- 95%
95% das empresas da Fortune 500 usam o Figma
Dados de março de 2025.
Construa os melhores design systems do mercado.
Centralize os recursos para que toda a organização crie sempre produtos de qualidade.
O design deliberado pode ser sua configuração padrão
Padronize estilos, componentes, variáveis e modos para que cada detalhe, como cor, espaçamento e movimento, escale perfeitamente para seus produtos e marcas.
Um sistema acessível para toda a equipe
Compartilhe bibliotecas, componentes, fontes e outros recursos em toda a organização, para que todos construam usando os mesmos fundamentos para cada marca.
Código e design trabalham em conjunto.
Todos os designs estão conectados a código real e pronto para produção. Entregue exatamente o que você imaginou.
Alterne design e programação à vontade
Com o servidor MCP do Figma, ferramentas de codificação agentes recebem um contexto de design, como variáveis e componentes, permitindo construir com prompts, programação ou ferramentas manuais.
Desenvolvimento nos mínimos detalhes
Conecte design systems diretamente à base de código com o Code Connect para que os desenvolvedores acessem código real e funcional.
Repleto de recursos avançados que os designers adoram
Figma Motion
Novo
Anime com controle de linha do tempo ou assistência de agentes, amplie design systems para incluir movimento e entregue usando uma exportação pronta para desenvolvedores.
Ferramentas do Figma Weave (Beta)
Novo
Escolha um fluxo de trabalho de IA predefinido para gerar imagens e vetores diretamente no Figma.
Plugins generativos (Beta)
Novo
Ative seus próprios plugins reutilizáveis diretamente na tela de trabalho com o agente Figma. Eles podem ser compartilhados com toda a organização.
Sombreadores (Beta)
Novo
Gere efeitos e preenchimentos de sombreador personalizados por prompt para designs, com recursos de exportação para o Figma Make e outras plataformas por meio do Figma MCP.
Agente Figma (Beta)
Colabore com um agente para gerar e remixar designs, automatizar trabalhos repetitivos e receber feedback de designs.
Servidor MCP
Conecte o Figma a ferramentas externas para que agentes de IA possam ler, referenciar e atuar nos designs durante o fluxo de trabalho.
Pincéis
Pinte e adicione detalhes desenhados à mão diretamente no arquivo de design com ferramentas de pincel que criam traços orgânicos e texturizados.
Texturas
Adicione profundidade e detalhes a qualquer design com efeitos como sombras, desfoque, ruído, textura e vidro.
Ferramentas vetoriais
Crie ícones, ilustrações e formas personalizadas com um conjunto completo de ferramentas de desenho e edição vetoriais.
Vetorizar
Converta qualquer imagem plana e estática em um vetor editável e escalável em segundos.
Componentes
Construa elementos de UI reutilizáveis uma vez e use-os em todo o arquivo, mantendo os designs consistentes e fáceis de atualizar.
Variáveis
Aplique valores reutilizáveis para cor, espaçamento, texto e muito mais para atualizar alterações em grande escala em todos os designs.
Slots
Personalize componentes, como menus suspensos, modais e cartões, sem desvinculá-los para que o conteúdo possa se ajustar sem comprometer a estrutura.
Conferir os designs
Novo
Compare designs com o design system, veja o que está errado e aplique a correção em um clique.
Layout automático
Construa quadros com redimensionamento e reorganização automática que acompanham as mudanças de conteúdo sem que você precise fazer ajustes manuais no design.
Grade
Construa layouts flexíveis, como bento, cartões e galerias, com controle preciso sobre espaçamento, tamanho e estrutura.
Multiedição
Selecione e edite vários objetos de uma vez em quadros e conjuntos de componentes.
Ramificação e mesclagem
Faça alterações de design numa ramificação isolada. Quando tudo estiver pronto, mescle-a novamente sem comprometer o arquivo principal.