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.

  • Design Linear: Tendência SaaS que melhora o UI

    Descubra como o design linear está impactando o SaaS e melhorando a experiência de usuário.

    Descubra como o design linear está impactando o SaaS e melhorando a experiência de usuário.

    Ler notícia completa
    Adesivo ilustrado de uma caixa de lápis colorida sobre um fundo texturizado de pedras cinza-escuro.

  • Por que Restrições de Design São Úteis

    Descubra como restrições de design podem melhorar a qualidade e eficiência de produtos digitais.

    Descubra como restrições de design podem melhorar a qualidade e eficiência de produtos digitais.

    Ler notícia completa
    Gráfico estilizado com ícones sobrepostos representando dispositivos e comunicação digital, com um lápis à direita, em um fundo gradiente laranja e amarelo.

  • Princípio de Substituição de Liskov: Guia Completo

    Descubra o Princípio de Substituição de Liskov e como ele garante a robustez e flexibilidade do código em design orientado a objetos.

    Descubra o Princípio de Substituição de Liskov e como ele garante a robustez e flexibilidade do código em design orientado a objetos.

    Ler notícia completa
    Cubo tridimensional com texturas de fumaça em tons de roxo, azul e rosa, contendo as letras

  • Carrosséis CSS modernos: sem JavaScript

    Historicamente, criar sliders ou carrosséis significava lidar com JavaScript, problemas de acessibilidade e tentativas de minimizar mudanças de layout. Bibliotecas externas ajudavam, mas prejudicavam o desempenho, customização e tempo de carregamento. Mesmo com plugins corretos, ainda era preciso gerenciar estados de foco, suporte a leitores de tela e comportamento de encaixe manualmente. Este artigo explora […]

    Descubra como criar carrosséis CSS funcionais sem JavaScript, melhorando a acessibilidade e desempenho.

    Ler notícia completa
    Texto

  • Futuro Promissor para a Pesquisa UX

    Qual é o caminho da pesquisa UX? Imagine se, em meio ao pessimismo, o futuro da pesquisa UX estivesse brilhante. Não é apenas um exercício de pensamento positivo: para alcançar um futuro esperançoso, é preciso primeiro visualizá-lo. Apesar da incerteza atual, há motivos para acreditar que o presente não é tão ruim assim: Os níveis […]

    Explore o futuro da pesquisa UX e como ela pode evoluir para se adaptar às mudanças do mercado.

    Ler notícia completa
    Uma vista aérea de um parque com vários caminhos interligados e árvores esparsas sobre a grama, ao entardecer.

  • A arte das notificações do Duolingo

    Vamos esclarecer algo: Duolingo é um aplicativo brilhante, um nome famoso no aprendizado de idiomas. As lições rápidas, sequências diárias e pontuação gamificada criam uma experiência impulsionada por dopamina que realmente funciona. E não é apenas o design que o torna viciante—são as notificações. O Duolingo dominou a arte de lembrar os usuários na hora […]

    Duolingo usa notificações para motivar usuários. Mas são eficazes ou manipuladoras? Entenda a psicologia por trás delas.

    Ler notícia completa
    Smartphone sobre uma mesa de madeira exibindo a tela inicial do aplicativo Duolingo, com fundo verde e um desenho de coruja.

  • Construtores de Sites com IA Facilitam WordPress?

    Iniciar no WordPress pode ser desafiador. Ao instalar o app e fazer login, muitos usuários não sabem qual o próximo passo. O CMS se torna mais fácil com o tempo, mas muitos desistem antes de alcançar esse ponto. A tecnologia pode oferecer uma solução. Construtores de sites baseados em IA estão emergindo no mercado, visando […]

    Descubra como construtores de sites com IA podem simplificar o uso do WordPress para iniciantes e profissionais.

    Ler notícia completa
    Homem confuso observa uma tela grande de computador enquanto um robô aponta para ela, com o texto

  • Quando usar Flexbox e CSS Grid

    O layout em CSS evoluiu significativamente. Com Flexbox e Grid, temos sistemas poderosos que substituíram técnicas antigas como floats, tornando mais fácil construir interfaces responsivas e escaláveis. Flexbox é ideal para layouts unidimensionais, como alinhas itens em uma linha ou coluna, enquanto o Grid lida com layouts bidimensionais, ideal para estruturas de página completas e […]

    Aprenda a escolher entre Flexbox e CSS Grid para criar layouts responsivos e escaláveis em projetos de web design.

    Ler notícia completa
    Letras brancas

  • CSS breakpoints: layouts fluidos e adaptáveis

    Construir sites que fornecem uma experiência perfeita em dispositivos diversos é um desafio central no desenvolvimento web moderno. Os breakpoints CSS abordam isso definindo larguras de visualização específicas onde os layouts se ajustam dinamicamente para acomodar diferentes tamanhos de tela. Aproveitar breakpoints no design responsivo permite que os desenvolvedores adaptem componentes de UI e estilos […]

    Descubra como breakpoints CSS criam layouts responsivos, otimizando a experiência do usuário em dispositivos variados.

    Ler notícia completa
    Logotipo