UI3: grande reformulação da interface com foco no usuário
- UI3 foi reconstruída como a maior mudança de interface da Figma desde 2019, para reduzir a complexidade e abrir espaço para colaboração em equipe
- Nos testes beta iniciais, foi identificado que os painéis flutuantes (floating panels) prejudicavam a velocidade de trabalho
- Com base no feedback dos usuários, os painéis passaram a ser acoplados (docked) e redimensionáveis
- Pequenos detalhes, como a adição de rolagem horizontal, foram incorporados para oferecer um ambiente de edição mais intuitivo
- Principais melhorias:
- Acesso rápido às principais ferramentas e recursos de IA pela barra de ferramentas inferior e pelo menu Actions
- Ferramenta de conta-gotas de cores aprimorada: permite reutilizar estilos, alterar formatos de cor e criar novas variáveis
Reforço das funções principais: Multi-edit e otimização de desempenho
- Multi-edit: adapta-se a diferentes estilos de trabalho e aumenta a eficiência na colaboração
- Tipografia:
- Suporte a sobrescritas de estilo de texto (itálico, negrito, sublinhado etc.)
- Ferramenta de seleção de fontes aprimorada e possibilidade de definir espaçamento de parágrafo misto em um único nó de texto
- Melhorias de desempenho:
- Carregamento dinâmico de páginas para gerenciar arquivos grandes com eficiência
- Otimização do uso de memória e colaboração multiplayer mais fluida
- Melhorias nas ferramentas de gestão de equipe:
- Inclusão de recursos de organização como fixação de arquivos, filtros de busca e divisores de página
Recursos de IA: removendo atrito no fluxo de trabalho de design
- Busca visual: envio de imagens ou áreas do canvas para encontrar rapidamente os arquivos e componentes necessários
- Geração e transformação de texto:
- Substituição de texto, tradução, resumo e inserção de textos realistas
- Criação e edição de imagens:
- Geração de imagens com IA e remoção de fundo
- FigJam:
- Mapas mentais com IA para visualizar ideias e geração automática de apresentações no Figma Slides
Figma Slides: ferramenta de apresentação centrada em colaboração
- Oferece modo de apresentação com base nos recursos colaborativos da Figma
- Mantém consistência com templates inteligentes
- Inclusão de enquetes em tempo real e interações
- Também é possível gerar automaticamente o outline de um deck de slides a partir de um board do FigJam
Sistema de design: mais escalabilidade e flexibilidade
- Mais controle de texto com variáveis de tipografia
- Novo recurso de variáveis nas propriedades de componentes:
- Permite manter o sistema de design sem desacoplar instâncias
- UI kits prontos aceleram o início do processo de design
Ferramentas para desenvolvedores: Dev Mode e Code Connect
- Melhorias no Dev Mode:
- Inclusão de ferramenta de comentários para colaboração entre design e desenvolvimento
- Extensão para VS Code integra diretamente o contexto de design ao editor de código
- Code Connect:
- Fornece snippets de código de produção para reforçar a consistência entre sistema de design e código
Contribuições da comunidade: plugins e templates
- Plugins em destaque:
- LottieFiles: criação de animações
- Peppercorn: criação de estilos de texto
- Vector to 3D: conversão de designs em 3D
- Templates em destaque:
- Mais de 500 templates do FigJam compartilhados
- Diversos recursos de design e templates criativos disponíveis
Eventos globais e crescimento da comunidade
- Config 2024: mais de 10.000 participantes, explorando o futuro do design e do desenvolvimento
- Friends of Figma: 220 grupos locais e mais de 500 eventos realizados
- Compartilhamento de experiências práticas e significativas com foco na comunidade
- Em 2024, o foco foi reduzir a distância entre design e desenvolvimento, ideias e apresentações, imaginação e realidade
- Em 2025, o plano é expandir ainda mais as possibilidades das ferramentas de design junto com a comunidade
1 comentários
Desta vez, enquanto preparávamos o GeekNight, fizemos o trabalho de design no Figma.
Mesmo só olhando de lado, já dava para ver como ele é surpreendentemente prático.
Acho que seria bom não só para designers, mas também para desenvolvedores experimentarem e aprenderem a forma como eles trabalham.