Evolução do Figma: Camadas de Código, Plugins de IA e Suporte a Motion
O Figma está redefinindo fundamentalmente a fronteira entre design e desenvolvimento com sua última e massiva atualização. Ao integrar camadas de código e capacidades de IA generativa diretamente em sua tela colaborativa, a plataforma está se transformando de uma ferramenta de prototipagem estática em um ambiente dinâmico e multidisciplinar.
Diminuindo a Lacuna com Camadas de Código
Em um movimento significativo em direção à paridade "design-to-code", o Figma introduziu camadas de código diretamente em sua tela multiplayer. Este recurso permite que equipes de engenharia clonem repositórios e extraiam fluxos de código existentes de volta para camadas de design para testes e iterações rápidas.
Ao contrário dos fluxos de trabalho tradicionais, nos quais os designers entregam arquivos estáticos aos desenvolvedores, o Chief Product Officer do Figma, Yuhki Yamashita, enfatiza que este ambiente foi construído para exploração, e não para a perfeição pronta para produção. Ao permitir que designers, gerentes de produto e engenheiros interajam com o código de uma forma espacial e não linear, o Figma visa acelerar a fase de descoberta do desenvolvimento de produtos, reduzindo a fricção frequentemente encontrada durante o processo de hand-off.
Motion Avançado, Shaders e Transformações 3D
Durante anos, o motion design de alta fidelidade exigia que os designers alternassem entre o Figma e softwares de animação especializados, o que frequentemente resultava em processos de conversão complexos. O Figma está eliminando essa complexidade ao adicionar suporte nativo para animações, transições e transformações 3D.
A atualização também expande o kit de ferramentas visuais ao introduzir suporte para efeitos de shader e preenchimentos (fills). Isso permite que elementos visuais mais sofisticados e de alto desempenho sejam prototipados dentro da própria ferramenta, garantindo que a "sensação" de um produto seja capturada muito mais cedo no ciclo de vida.
IA Generativa e Criação de Plugins Personalizados
O Figma está intensificando seu roadmap de IA ao transformar a tela em um espaço de trabalho programável. Os usuários agora podem usar comandos de texto (prompts) para criar "habilidades" repetíveis para agentes de IA, tornando o assistente de IA um colaborador personalizado em vez de uma ferramenta genérica. Para aumentar a precisão, a IA agora pode absorver o contexto de ferramentas externas como Notion, Excel, GitHub, Granola e vários arquivos carregados.
Talvez o aspecto mais inovador para a comunidade de desenvolvedores seja a capacidade de criar plugins personalizados por meio de prompts simples. Quer o usuário precise de um gerador de layout específico ou de um rastreador de caminhos vetoriais complexos, ele agora pode construir ferramentas funcionais sob medida dentro do Figma sem escrever código tradicional.
Integrando o Weavy para Fluxos de Trabalho Baseados em Modelos
Com base na aquisição da ferramenta baseada em nós Weavy, o Figma está trabalhando para integrar fluxos de trabalho avançados baseados em modelos. Ainda este ano, os usuários poderão gerar fluxos de trabalho do Weavy diretamente na interface do Figma. Isso permitirá que as equipes de design executem fluxos de trabalho complexos através de diferentes modelos de IA para comparar resultados, garantindo que a direção de design escolhida seja otimizada em vários parâmetros generativos.
Principais Conclusões
- Paridade Code-to-Design: As novas camadas de código permitem que as equipes puxem dados de repositórios para a tela, tornando o ambiente de design um espaço verdadeiramente colaborativo para engenheiros e designers.
- Motion e Shaders Nativos: O Figma agora suporta transformações 3D, transições e efeitos de shader, reduzindo a necessidade de softwares de animação externos.
- Extensibilidade Impulsionada por IA: Os usuários agora podem gerar plugins personalizados e "habilidades" de IA repetíveis via prompts de texto, integrados com dados externos do GitHub e Notion.