Categorias do Site

A Revista do Profissional Web

Figma Config 2025: Novidades e o Futuro do Design

Descubra as novidades do Figma Config 2025 e como impactarão o futuro do design UX.

UI/UX DesignTecnologias e Inovações
Logo colorido e estilizado, flutuando sobre água escura refletiva com plantas aquáticas luminosas.

Figma acaba de mudar as regras do jogo. No Config 2025, a equipe do Figma nos surpreendeu com as mudanças que estão por vir. Não foram apenas novos recursos — foi uma declaração. O futuro do design UX será colaborativo, abrangente e opcionalmente baseado em código.

Nos anos anteriores, as mudanças no Figma focaram na otimização de fluxo de trabalho e novas ferramentas de design. Este ano, algo mudou. As novas ferramentas anunciadas não fazem parte do conjunto típico de um designer UX. Elas trazem ferramentas de branding e desenvolvimento web diretamente para o Figma.

As novidades

Figma Make + Figma Sites

A maior mudança anunciada é a entrada do Figma no espaço de construção sem código. Primeiro, temos o Figma Make, uma nova solução de prototipagem que permite interações e transições mais avançadas, graças à IA.

<img loading="lazy" decoding="async" data-attachment-id="204511" data-permalink="https://blog.logrocket.com/ux-design/figma-config-2025-whats-new-whats-next/attachment/figma-make/" data-orig-file="https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Make.png" data-orig-size="895,434" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Figma Make" data-image-description="" data-image-caption="

A look at Figma Make’s new AI-powered prototyping interface, Figma Make.

” data-medium-file=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Make.png?w=300″ data-large-file=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Make.png?w=895″ class=” wp-image-204511″ src=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Make.png” alt=”Figma Make” width=”808″ height=”392″ srcset=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Make.png 895w, https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Make.png?resize=300,145 300w, https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Make.png?resize=768,372 768w” sizes=”auto, (max-width: 808px) 100vw, 808px” />

A look at Figma Make’s new AI-powered prototyping interface, Figma Make.

Outra grande novidade é o Figma Sites, que permite publicar sites reais diretamente dos arquivos do Figma.

<img loading="lazy" decoding="async" data-attachment-id="204512" data-permalink="https://blog.logrocket.com/ux-design/figma-config-2025-whats-new-whats-next/attachment/figma-sites/" data-orig-file="https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Sites.png" data-orig-size="895,470" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Figma Sites" data-image-description="" data-image-caption="

Example of a live website built using Figma Sites, complete with real-time edits.

” data-medium-file=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Sites.png?w=300″ data-large-file=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Sites.png?w=895″ class=” wp-image-204512″ src=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Sites.png” alt=”Figma Sites” width=”767″ height=”403″ srcset=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Sites.png 895w, https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Sites.png?resize=300,158 300w, https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Sites.png?resize=768,403 768w” sizes=”auto, (max-width: 767px) 100vw, 767px” />

Example of a live website built using Figma Sites, complete with real-time edits.

Com suporte a CMS, o Figma agora não é apenas para prototipagem. Ele está se aproximando do território do Webflow e Framer, permitindo ideação, prototipagem e publicação de sites em uma única interface.

Grid

O Autolayout recebeu um upgrade significativo. Agora, temos novas ferramentas de grid que permitem definir regras de layout e arrastar elementos para o lugar certo sem ajustes manuais.

<img loading="lazy" decoding="async" data-attachment-id="204513" data-permalink="https://blog.logrocket.com/ux-design/figma-config-2025-whats-new-whats-next/attachment/upgraded-grid-system/" data-orig-file="https://blog.logrocket.com/wp-content/uploads/2025/05/upgraded-grid-system.png" data-orig-size="701,545" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Upgraded grid system" data-image-description="" data-image-caption="

The upgraded grid system in Figma — drag-and-drop layout with custom rules.

” data-medium-file=”https://blog.logrocket.com/wp-content/uploads/2025/05/upgraded-grid-system.png?w=300″ data-large-file=”https://blog.logrocket.com/wp-content/uploads/2025/05/upgraded-grid-system.png?w=701″ class=” wp-image-204513″ src=”https://blog.logrocket.com/wp-content/uploads/2025/05/upgraded-grid-system.png” alt=”Upgraded Grid System” width=”617″ height=”480″ srcset=”https://blog.logrocket.com/wp-content/uploads/2025/05/upgraded-grid-system.png 701w, https://blog.logrocket.com/wp-content/uploads/2025/05/upgraded-grid-system.png?resize=300,233 300w” sizes=”auto, (max-width: 617px) 100vw, 617px” />

The upgraded grid system in Figma — drag-and-drop layout with custom rules.

Defina as regras desejadas e mova os elementos com o mouse para ver o que funciona melhor, sem redimensionar manualmente.

Figma Buzz

Buzz foca na geração de ativos de forma mais amigável e universal, permitindo a criação de templates ajustáveis para anúncios, mídias sociais e materiais impressos.

<img loading="lazy" decoding="async" data-attachment-id="204514" data-permalink="https://blog.logrocket.com/ux-design/figma-config-2025-whats-new-whats-next/attachment/figma-buzz/" data-orig-file="https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Buzz.png" data-orig-size="895,391" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Figma Buzz" data-image-description="" data-image-caption="

Customizable social media templates inside Figma Buzz, ready for team-wide use.

” data-medium-file=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Buzz.png?w=300″ data-large-file=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Buzz.png?w=895″ class=” wp-image-204514″ src=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Buzz.png” alt=”Figma Buzz” width=”856″ height=”374″ srcset=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Buzz.png 895w, https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Buzz.png?resize=300,131 300w, https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Buzz.png?resize=768,336 768w” sizes=”auto, (max-width: 856px) 100vw, 856px” />

Customizable social media templates inside Figma Buzz, ready for team-wide use.

Essa é a grande novidade para equipes de marca e marketing, que agora podem usar o Figma diretamente sem exportar ou alternar plataformas.

Figma Draw

Enquanto a plataforma se inclina para estrutura e escala, o Draw traz de volta a expressão crua — pincéis, texturas e liberdade criativa. É um lembrete de que nem tudo deve ser otimizado.

<img loading="lazy" decoding="async" data-attachment-id="204515" data-permalink="https://blog.logrocket.com/ux-design/figma-config-2025-whats-new-whats-next/attachment/figma-draw/" data-orig-file="https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Draw.png" data-orig-size="895,479" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Figma Draw" data-image-description="" data-image-caption="

Figma Draw in action, showcasing brush and vector tools for creative workflows.

” data-medium-file=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Draw.png?w=300″ data-large-file=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Draw.png?w=895″ class=” wp-image-204515″ src=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Draw.png” alt=”Figma Draw” width=”716″ height=”383″ srcset=”https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Draw.png 895w, https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Draw.png?resize=300,161 300w, https://blog.logrocket.com/wp-content/uploads/2025/05/Figma-Draw.png?resize=768,411 768w” sizes=”auto, (max-width: 716px) 100vw, 716px” />

Figma Draw in action, showcasing brush and vector tools for creative workflows.

Figma está trazendo as capacidades do Adobe Illustrator e Procreate para a nossa ferramenta favorita.

Figma ainda é apenas uma ferramenta de UX?

Honestamente? Não mais. Figma aposta que o futuro do design é multi-habilidoso, com IA diminuindo barreiras e permitindo equipes mais enxutas. Designers serão esperados para expandir suas habilidades, do produto à marca e código.

O Figma quer ser o hub criativo central. Quanto mais você puder fazer em um só lugar, menos tempo se perde alternando contextos ou passando arquivos entre equipes.

O futuro é full-stack

Se a visão do Figma se concretizar, o futuro do designer UX não será apenas de wireframes e protótipos. Eles construirão, marcarão, publicarão e iterarão — tudo em um único espaço.

É um movimento ousado, mas se funcionar, quebrará os silos entre equipes e destravará fluxos de trabalho criativos mais rápidos e integrados.

O design não está apenas evoluindo — está se expandindo. E o Figma quer ser a plataforma que impulsiona todo o espectro.

  • O Lado Sombrio da Busca pela AGI

    Discussão sobre a busca pela AGI e os desafios enfrentados por OpenAI e outras empresas.

    Discussão sobre a busca pela AGI e os desafios enfrentados por OpenAI e outras empresas.

    Ler notícia completa
    Banner promocional de podcast com uma mulher asiática ao lado do título

  • Windsurf vs Cursor: Qual escolher?

    Comparação entre Windsurf e Cursor para desenvolvedores front-end. Descubra qual IDE é a melhor opção para você.

    Comparação entre Windsurf e Cursor para desenvolvedores front-end. Descubra qual IDE é a melhor opção para você.

    Ler notícia completa
    Ícones de um 'W' e um cubo geométrico sobre fundo de padrão geométrico luminoso com faixas em tons de cobre e prata.

  • Impacto da IA no Design e Interfaces

    Descubra como a IA transforma o design diário e as interfaces, sem substituir a habilidade humana.

    Descubra como a IA transforma o design diário e as interfaces, sem substituir a habilidade humana.

    Ler notícia completa
    Imagem abstrata com pinceladas grandes e diagonais em tons de laranja sobre um fundo suave azul claro. Contém texto sobre a influência da IA em fluxos de trabalho de design.

  • Crise de Atenção: Liderando em um Mundo Acelerado

    Imagine a cena: uma manhã fria perto do reservatório Bald Eagle, na Pensilvânia central, durante o Ironman 70.3 Penn State. Conheci um triatleta iniciante e iniciamos uma conversa sobre a preparação para a prova. Durante a conversa, me percebi distraído com a minha roupa de mergulho, o que me levou a refletir sobre a crise […]

    Descubra como a crise de atenção afeta equipes e estratégias para melhorar a produtividade e respeito no ambiente de trabalho.

    Ler notícia completa
    Ícone de megafone rosa e azul sobre fundo desfocado que transita de claro a escuro da esquerda para a direita.

  • Melhores Modelos de Logos para Gamers em 2025

    Logos são tão importantes para gamers quanto para atletas profissionais. O mundo dos eSports exige uma estética específica com cores vibrantes para se destacar em telas de dispositivos móveis e desktops. O desafio dos designers é criar logos que capturem a essência do jogador ou equipe e engajem os fãs de eSports. Esta coleção de […]

    Explore mais de 40 modelos de logos para gamers e equipes de eSports, perfeitos para destacar sua marca no universo dos jogos.

    Ler notícia completa
    Logotipo da

  • Microfalhas no UX: O perigo invisível nos sites

    Vamos direto ao ponto: seu site não está quebrado, ele apenas parece quebrado. Não há erros 500, o checkout funciona, os botões clicam—mas de alguma forma, usá-lo é como morrer por mil cortes de papel. Você sabe do que estou falando. A leve lentidão. O atraso estranho ao clicar em um botão. O menu suspenso […]

    Entenda como microfalhas estão destruindo a experiência do usuário em seu site e afugentando visitantes.

    Ler notícia completa
    Laptop prateado com a tela fragmentando-se em pedaços de vidro, sugerindo um efeito tridimensional de quebra.

  • Tendências na Pesquisa de Ferramentas de Design 2025

    Antes da IA, a indústria do design havia estagnado. Sistemas de design se tornaram comuns, e o Figma dominou o mercado de ferramentas de design. Agora, a IA surge como um novo e esperado disruptor. Este artigo analisa os resultados da pesquisa de ferramentas de design de 2025. Descubra as ferramentas mais populares, a adoção […]

    Descubra as tendências e surpresas da pesquisa de ferramentas de design de 2025, incluindo a adoção de IA e o domínio do Figma.

    Ler notícia completa
    Ilustração simplificada de uma página web com iconografia rosa e roxa representando elementos como URL, imagem, código e texto em um fundo texturizado.

  • Workshop de IA em UX: Alcançando Mais com Menos

    Vamos ser honestos: UX não está ficando mais fácil Se você trabalha com UX, provavelmente está sentindo a pressão. Orçamentos apertados e expectativas crescentes são desafios constantes. Além disso, a IA está mudando tudo em nosso trabalho, às vezes para melhor, às vezes de forma preocupante. Tenho passado o último ano envolvido em projetos de […]

    Descubra como a IA pode otimizar o UX, reduzindo tarefas e aumentando a eficiência em um workshop prático e relevante.

    Ler notícia completa
    Homem com fones e laptop e robô rosa grande ao fundo em ambiente com névoa. Ambos concentram-se intensamente em suas tarefas.

  • Como Criar Produtos de IA Eficazes para Usuários e Empresas

    A tecnologia revolucionou o mundo, desde o telefone de Bell em 1876 até o iPhone da Apple em 2007. Com a IA entrando no mainstream, empresas correm para adotá-la em seus produtos e ferramentas internas, impulsionando eficiência e produtividade. Ignorar essa tendência pode significar ficar para trás. Para designers, essa onda de adoção de IA […]

    Aprenda a projetar produtos de IA que equilibram usabilidade e governança, atendendo usuários e stakeholders empresariais.

    Ler notícia completa
    Ilustração de perfil de cabeça humana com metade mostrando cérebro humano e a outra metade com estrutura em malha conectada por pontos, em fundo degradê azul e verde.