Melhorias no auto layout até inteligência artificial: tudo que rolou no primeiro dia da Config 2024!
O primeiro dia da Config 2024 foi um verdadeiro espetáculo de inovação e criatividade no mundo do design! Realizado no Moscone Center, em São Francisco, o evento reuniu milhares de entusiastas de design e tecnologia de todo o mundo para explorar as últimas tendências e novidades apresentadas pelo Figma.
Vamos dar uma olhada nas principais atrações e surpresas que marcaram o início desta conferência imperdível!
Atualizações
A Config 2024 trouxe uma série de atualizações emocionantes para o Figma, reforçando ainda mais sua posição como uma ferramenta essencial para designers. Vamos dar uma olhada nos principais destaques que estão deixando a comunidade de design em êxtase.
Figma AI: Pense maior e construa mais rápido
A inteligência artificial no Figma está transformando o design. Com a nova Pesquisa Visual, podemos encontrar rapidamente qualquer coisa, de ícones a arquivos de design inteiros, usando uma captura de tela, um quadro selecionado ou até mesmo um esboço. A IA entende o contexto das nossas buscas, facilitando a descoberta de ativos, mesmo que os termos de pesquisa não sejam exatos.
Atualizações de eficiência: Mantenha-se no fluxo
Para nos ajudar a focar no que importa, o Figma lançou uma série de recursos de IA que automatizam tarefas tediosas. Agora, podemos gerar imagens e textos realistas, modificar textos, conectar protótipos automaticamente e renomear camadas com um clique. Tudo isso para manter o fluxo de trabalho mais suave.
Make Designs: Uma maneira melhor de começar
Se você já ficou preso na tela em branco sem saber por onde começar, o Make Designs está aqui para ajudar. No novo painel de Ações, você pode gerar layouts de UI e opções de componentes a partir de descrições de texto. Basta descrever o que precisa e o Figma fornecerá um rascunho inicial para explorar várias direções de design.
Redesign na Ferramenta
Uma das maiores novidades foi o lançamento do UI3. Esse novo design traz uma tela mais imersiva, uma interface centrada em componentes e novos ícones. A ideia é criar mais espaço no Figma, respeitando os nossos hábitos de trabalho e simplificando o uso da plataforma. É um redesign que leva em conta nossas necessidades e o feedback da comunidade, preparando o terreno para futuras expansões.
Figma Slides: Construir, colaborar e apresentar
Outro destaque foi o Figma Slides. Muitos designers já usam o Figma para criar slides, mas colaborar com quem não é designer sempre foi complicado. Agora, o Figma Slides traz tudo que amamos no Figma — colaboração em tempo real, designs ao vivo e visão geral em grade — para criar e apresentar slides de maneira muito mais integrada e eficiente. Nada mais de gambiarras para fazer apresentações incríveis!
Novidades no Dev Mode: Do design ao código completo
Na Config 2023, o Figma introduziu o Dev Mode, um novo espaço de trabalho para desenvolvedores. Agora, estou animada em compartilhar as últimas atualizações que tornam o Dev Mode ainda melhor! Essas atualizações foram projetadas para apoiar o processo iterativo de design, acelerar o fluxo de trabalho dos desenvolvedores e aproximar design e código.
Mantenha o ritmo com novas visualizações e status
A transferência entre design e desenvolvimento não é um momento único, mas um processo contínuo. Com a nova visualização “Ready for Dev”, fica muito mais fácil para desenvolvedores, designers e outros stakeholders saberem exatamente o que é necessário para avançar nos projetos. Além disso, com a “Focus View” e a capacidade de marcar designs como completos, os desenvolvedores conseguem manter o foco e a sincronia com a equipe.
Ready for Dev View
Pode ser um desafio para os desenvolvedores encontrarem o que precisam em meio a tantas explorações de design. A nova “Ready for Dev View” permite que eles pesquisem, filtrem, vejam atualizações em uma lista e saibam quem fez o quê e quando, fornecendo todo o contexto necessário.
Focus View
A “Focus View” ajuda os desenvolvedores a eliminarem distrações e verem apenas o que está pronto para construir. Eles têm visibilidade de todas as mudanças e atualizações de status feitas no design ao longo do tempo, incluindo uma visão de como o design estava antes da revisão mais recente. Quando terminam, podem marcar o design como “completo” para fechar o ciclo.
Maneiras mais poderosas de rastrear status
Os designs estão sempre em progresso e mudanças de última hora são inevitáveis. Agora, quando um designer faz alterações em designs marcados como prontos para desenvolvimento, ele pode manter os desenvolvedores atualizados com notas úteis sobre o que mudou. Os desenvolvedores recebem notificações sobre essas mudanças, sabendo exatamente o que precisam fazer em seguida.
Mantenha a consistência e eficiência com o Code Connect
Os design systems são essenciais para conectar design e código, ajudando as equipes a escalar rapidamente. Mas esses benefícios se perdem se os desenvolvedores não adotarem o sistema. Por isso, o Figma criou o Code Connect, que facilita o uso do código dos sistemas de design em diferentes frameworks e linguagens.
O Code Connect está agora disponível para todos, incluindo melhorias como snippets de código conectados no playground de componentes, uma nova ferramenta para simplificar a configuração e suporte para React, React Native, iOS, Android, e mais.
Melhorias na usabilidade: Auto Layout, UI Kits e visualizador de protótipos responsivos
O Figma também lançou uma série de atualizações de usabilidade para melhorar as funcionalidades que já amamos. Aqui estão as novidades:
Auto Layout mais intuitivo
O Auto Layout ficou ainda mais fácil de usar e mais previsível quando você precisa dele. Agora, o Figma pode sugerir quando vários quadros de Auto Layout são necessários para um elemento de design completo e até mesmo criar esses quadros para você. Isso economiza tempo, pois você não precisa aplicar o Auto Layout quadro por quadro. Além disso, você pode segurar ctrl para ignorar o Auto Layout enquanto arrasta um elemento de design para dentro de um quadro de Auto Layout, permitindo definir uma posição absoluta.
UI Kits ajudam você a começar rapidamente
Agora você pode encontrar os UI Kits do Apple iOS, Google Material Design 3 e Figma’s Simple Design System diretamente no painel de assets. Cada Kit de UI inclui conjuntos de componentes e mockups de exemplo, permitindo que você comece a partir de layouts completos. Basta arrastar uma tela de exemplo inteira como ponto de partida, e ela é totalmente editável com componentes da biblioteca. Além disso, cada um desses Kits de UI é respaldado pelo Code Connect!
Visualizador de protótipos responsivo
Agora, você pode experimentar seus designs em qualquer tamanho de tela com a nova experiência do visualizador de protótipos que redimensiona de forma responsiva. Com uma nova opção de menu para visualizar ou apresentar protótipos, o visualizador respeitará as restrições e propriedades do Auto Layout à medida que você redimensiona a janela do visualizador ou seleciona uma moldura de dispositivo diferente.
O melhor ainda está por vir
A Config 2024 é, sem dúvida, o lugar para estar se você é apaixonado por design e tecnologia. E se o primeiro dia é uma indicação do que está por vir, estamos todos ansiosos para ver o que mais o Figma tem na manga!
Com um primeiro dia tão cheio de novidades e inspirações, as expectativas para o restante da Config 2024 estão altíssimas. Os participantes podem esperar ainda mais anúncios revolucionários, palestras inspiradoras e oportunidades de networking nos próximos dias.
Essas atualizações que vimos hoje prometem transformar a maneira como trabalhamos com design, tornando os processos mais rápidos, inteligentes e colaborativos. Estão prontos para explorar todas essas novidades?
