Ir para o conteúdo principal Feito para dar visão panorâmica. Perfeito em cada pixel. Fluxos de trabalho flexíveis Tela de trabalho colaborativa Fundamentos de design Trabalhe da maneira que quiser: construa design systems, edite com IA ou ajuste detalhes. Fluxos de trabalho flexíveis Tela de trabalho colaborativa Fundamentos de design Trabalhe em conjunto em arquivos colaborativos, compartilhe feedback com comentários e converse com seus colegas de equipe no chat do cursor num espaço compartilhado. Fluxos de trabalho flexíveis Tela de trabalho colaborativa Fundamentos de design Com as melhores ferramentas de layout e tipografia da categoria e muitos outros recursos, você tem total controle sobre o seu processo de design. Tela de trabalho infinita, expressão infinita. Desenhe, anime e deixe tudo exatamente do jeito que você imagina. Adicione movimento Crie animações precisas, desenvolva sistemas de movimento reutilizáveis e entregue animações prontas para os desenvolvedores. Explore o Figma Motion Adicione movimento Crie animações precisas, desenvolva sistemas de movimento reutilizáveis e entregue animações prontas para os desenvolvedores. 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. Explore o Figma Draw 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. Explore fluxos de trabalho de IA 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. Explore o Figma Make 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. Explore possibilidades com código na tela de trabalho As camadas de código permitem criar e refinar protótipos interativos na tela de trabalho. Explore possibilidades, ajuste elementos visuais e use prompts para criar interações personalizadas. Explore possibilidades com código na tela de trabalho As camadas de código permitem criar e refinar protótipos interativos na tela de trabalho. Explore possibilidades, ajuste elementos visuais e use prompts para criar interações personalizadas. 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. Diretor de design de produto da The Economist 95% 95 % 95% das empresas da Fortune 500 usam o Figma 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. 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. 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. Use a documentação de MCP do Figma 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. Explore o Dev Mode 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. Explore o Figma Motion Obtenha o guia 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 Novo Escolha um fluxo de trabalho de IA predefinido para gerar imagens e vetores diretamente no Figma. Saiba mais Ferramentas do Figma Weave Escolha um fluxo de trabalho de IA predefinido para gerar imagens e vetores diretamente no Figma. Plugins generativos 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. Saiba mais Plugins generativos 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. Shaders (Beta) Novo Gere efeitos e preenchimentos shader personalizados por prompt para designs, com recursos de exportação para o Figma Make e outras plataformas por meio do Figma MCP. Saiba mais Gere efeitos e preenchimentos shader personalizados por prompt para designs, com recursos de exportação para o Figma Make e outras plataformas por meio do Figma MCP. Agente Figma Colabore com um agente para gerar e remixar designs, automatizar trabalhos repetitivos e receber feedback de designs. Explore fluxos de trabalho de IA Obter o guia 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. Obtenha a documentação 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. Saiba mais 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. Saiba mais 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. Saiba mais 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. Saiba mais 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. Obter o guia 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. Obter o guia 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. Obtenha o guia Arquivo do playground 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. Saiba mais Conferir os designs 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. Obter o guia Arquivo do playground 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. Obter o guia Arquivo do playground 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. Saiba mais Arquivo do playground 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. Obter o guia 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.