Novidades da Config 2024

Config é a conferência anual de design do Figma para criadores de produtos, onde reunimos toda a comunidade para dois dias de lançamentos de recursos incríveis e palestras de profissionais da área.

Neste artigo, vamos guiar você através de cada recurso que anunciamos na Config 2024. Alguns desses recursos estão em versão beta. Por isso, indicaremos sua disponibilidade e manteremos este artigo atualizado caso haja alguma mudança.

Usar IA no Figma Design

O Figma AI é gratuito durante a versão beta, mas está sujeito a algumas limitações de uso. Ao fim da versão beta dos recursos da IA, eles se tornarão um recurso pago. Notificaremos você com antecedência.

Sua criatividade está liberada com o Figma AI. Vá do primeiro rascunho ao produto final mais rapidamente, encontre o que está procurando e mantenha-se no fluxo.

Use ferramentas de IA no Figma para:

• First Draft: transforme ideias em designs editáveis em poucos minutos. Essa ferramenta ajuda você a explorar uma ampla gama de possibilidades e versões do design rapidamente, além de reduzir o esforço necessário para criar manualmente as primeiras explorações.
• Pesquisar por visual e por ativos: Use imagens e designs para pesquisar designs e componentes parecidos feitos pela sua equipe ou organização. Encontre os componentes que você precisa na aba Ativos sem precisar memorizar o nome de cada um.
• Renomear camadas: Organize seu arquivo renomeando adequadamente todas as camadas com apenas um clique.
• Fazer protótipos: Transforme seus mocks em protótipos interativos com rapidez.
• Reescrever texto: Reescreva o texto para obter um tom diferente, traduza-o para outro idioma e reduza-o de acordo com os seus designs.
• Gerar imagens e remover fundos: Gere e edite imagens únicas usando um prompt escrito. Remova o fundo da imagem para isolar o objeto principal.

Quando se trata de criações com IA, queremos ser transparentes sobre o que estamos fazendo e o que isso significa para você. Saiba mais sobre a iniciativa de IA do Figma →

Uma nova visão do Dev Mode

Os seguintes recursos do Dev Mode estão disponíveis agora, mas podem estar limitados pelo plano ou licença. Clique no link de cada recurso abaixo para saber mais.

Para ajudar as equipes a fornecer produtos melhores com eficiência, estamos trabalhando para que o Figma Design e o Dev Mode atendam às necessidades de design e desenvolvimento. Os designers mantêm a liberdade de explorar ideias e iterar com rapidez, enquanto os desenvolvedores têm mais clareza e orientação sobre o que está pronto para ser criado, o que foi alterado em um arquivo, e como criá-lo.

Aprimore seu processo de handoff com os recursos do Dev Mode, como:

• Atualizações de status: Os designs agora podem receber status de progresso, e os colegas de equipe podem ser notificados sobre as alterações. O handoff entre designers e desenvolvedores acontece diversas vezes ao longo de um projeto, tornando essencial comunicar quando algum recurso está pronto para ser criado.
• Visualização pronto para desenvolvimento: A Visualização pronto para desenvolvimento ajuda os desenvolvedores a encontrar rapidamente em um só local tudo o que já está pronto para ser criado.
• Visualização em foco: Mostra apenas o design que você está inspecionando enquanto oculta outros designs para minimizar distrações na tela.
• Code Connect: O Code Connect está oficialmente fora da versão beta! Ele é uma ferramenta para sistemas de design e equipes de engenharia trazerem o código do componente para o Dev Mode. Ao inspecionar um componente com trechos de código conectados, os desenvolvedores verão o código do sistema de design de suas bibliotecas, em vez do código gerado automaticamente.

Apresente suas ideias com o Figma Slides

O Figma Slides está na versão beta e disponível para todos.

Durante a versão beta, o Figma Slides é gratuito. No início de 2025, o Figma Slides estará disponível nos planos gratuito e pago, a partir de 3 ou 5 dólares por usuário/por mês dependendo do plano. Avisaremos com antecedência quando ocorrer essa mudança.

O Figma Slides é a primeira ferramenta de apresentação criada para designers e colegas de equipe. Ele combina o poder e a precisão do Figma Design com ferramentas de apresentação fáceis de usar para dar vida à sua narrativa e impulsionar o alinhamento.

Com o Figma Slides:

• Escolha modelos flexíveis para criar apresentações poderosas para qualquer audiência
• Use recursos multiplayer e de colaboração para criar e fazer apresentações em parcerias com anotações compartilhadas do apresentador e controles de coapresentação
• Crie slides dinâmicos com enquetes, escalas de alinhamento e votação para capturar o feedback das partes interessadas e impulsionar a tomada de decisões
• Personalize os designs de sua apresentação de slides usando as ferramentas do Figma Design que você já conhece e adora

Explore o Figma Slides →

Um novo olhar para o Figma Design

No momento, o novo design da Figma, também chamado de UI3, está na versão beta. Saiba como ter acesso ao UI3 →

Reformulamos o Figma para oferecer facilidade, ergonomia para seu fluxo de trabalho e consistência em todos os produtos Figma. Começando com uma interface mais acessível e novas maneiras de encontrar suas ferramentas favoritas, nosso objetivo é que o Figma continue a ser o método que você usa para transformar sua imaginação em realidade. E esse é apenas o começo.

Navegue na nova interface do Figma Design →

Design com mais facilidade

As atualizações a seguir estão disponíveis no Figma Design para todos.

Desde prototipagem responsiva e um layout automático mais intuitivo, até começar a usar os Kits de UI na aba de ativos, seus recursos favoritos no Figma agora funcionam do jeito que você quer.

Kits de UI

Trouxemos os sistemas Apple Design Resources, Google Material Design e Figma Design diretamente para sua guia de ativos, para que você possa começar a criar seus designs sem precisar de um sistema de design próprio. Com esses componentes, estilos e variáveis ​​de alta qualidade, você poderá dar vida às suas ideias e compartilhá-las com outras pessoas de maneira mais rápida.

Comece a criar designs com Kits de UI →

Melhorias no layout automático

Deixe o Layout automático trabalhar mais para você com novos recursos e interações mais intuitivas.

• Aplique o Layout automático aos quadros aninhados: Use Sugerir layout automático para aplicar automaticamente quadros de layout automático a vários quadros aninhados de uma só vez, usando ⌃ Control ⇧ Shift A ou ⌃ Control Alt ⇧ Shift A.
• Ignore o layout automático (anteriormente chamado de posição absoluta): Mantenha pressionada a tecla ⌃ Control enquanto arrasta um objeto para dentro de um quadro de layout automático para defini-lo como posição absoluta.
• Visualização do alinhamento na tela: Quando você passa o mouse sobre o contêiner de preenchimento, largura fixa ou ajustar conteúdo no menu suspenso de alinhamento, aparecerão linhas na tela para indicar como a caixa delimitadora do design será alterada.
• Reordenar objetos em um quadro de layout automático é muito mais fácil e intuitivo.
• Quando você adiciona o Layout automático, os objetos filhos do quadro são definidos com espaço intermediário em vez de largura fixa. Se você redimensionar um objeto filho para ajustá-lo à largura total do objeto pai, eles serão configurados para preencher o contêiner.

Confira a palestra do Config para ver demonstrações das atualizações do layout automático!

Visualizador de protótipo responsivo

Veja seus designs em qualquer tamanho de tela com uma nova experiência de visualizador de protótipo que redimensiona responsivamente de acordo com restrições e configurações de layout automático. A configuração Responsivo está disponível nas visualizações de prototipagem (presente e visualização) e no aplicativo móvel Figma.

• Defina um protótipo como responsivo em seu computador →
• Defina um protótipo como responsivo em seu dispositivo móvel →

Páginas no FigJam

As páginas no FigJam estão disponíveis para todos.

Agora você pode criar várias páginas no FigJam, oferecendo mais espaço para explorar e uma camada extra de organização nos seus arquivos. Você pode até criar divisórias para manter suas Páginas organizadas.

Use as Páginas para:

• Criar espaços individuais para atividades entre grupos de trabalho ou indivíduos
• Organizar reuniões recorrentes realizadas no FigJam entre as páginas para reduzir o tamanho dos quadros e tempos de carregamento
• Separar fluxos de trabalho entre páginas

Aprenda a adicionar páginas no FigJam →

Assista toda a Config 2024

Caso não consiga comparecer, confira a palestra da Config 2024 e assista às gravações em nosso canal do YouTube. Postaremos mais vídeos na próxima semana, por isso, não deixe de se inscrever para não perder nada!