Figma usa IA para transformar design digital com Figma Make, Dev Mode e fluxos multiplayer

TL;DR

• A Figma vê IA como uma transformação de plataforma e capacidade central, incorporando IA em textos, imagens, nomes de camadas e visuais para acelerar o design e ampliar o acesso.
• O Figma Make é uma ferramenta de prompt-para-aplicativo que gera código de produção a partir de linguagem, imagens ou quadros estruturados, permitindo que designers, PMs e engenheiros prototipem e expressem ideias sem bloqueios.
• Dev Mode e o MCP Server avançam fluxos de trabalho com IA de ponta a ponta, traduzindo rascunhos (mocks) em código pronto para produção com contexto completo e dados estruturados para handoff.
• Experiências de IA multiplayer e colaboração em tempo real permitem co-criação com IA no mesmo arquivo e em FigJam e Slides, com geração de imagens para visuais alinhados à marca.
• Iniciativas de adoção interna (Bake Off, Maker Weeks, ChatGPT Enterprise) visam reduzir barreiras à experimentação, mantendo salvaguardas e controles de uso de dados. Para mais detalhes, este resumo chega a partir de declarações de David Kossnick, Head de AI Products da Figma, sobre como IA está transformando design e como a Figma se posiciona nessa transformação. fonte

Contexto e antecedentes

A Figma apresenta IA como uma transformação de plataforma e uma capability central que molda o futuro do design e do desenvolvimento de produtos. IA é descrita como melhoria de ofício — empatia, compreensão de fluxo de trabalho e resolução de problemas — além de apenas pixels. As funções com IA estão integradas na Figma, desde edição de texto até geração de imagens, passando pelo redimensionamento automático de camadas e visuais de sites, tudo com o objetivo de tornar a criação mais rápida, intuitiva e acessível a mais pessoas. A discussão destaca que IA deve ampliar a colaboração, não apenas automatizar aspectos visuais. O Figma Make é apresentado como exemplo central dessa mudança: uma ferramenta que converte linguagem, imagens ou quadros estruturados em código pronto para produção, expandindo quem pode prototipar e contribuir — designers, PMs, engenheiros e profissionais de marketing. Isso reflete a ideia de que IA deve potencializar a colaboração, não apenas automatizar tarefas visuais. fonte

O que há de novo

• Figma Make: ferramenta de prompt-para-aplicativo que gera código de produção a partir de linguagem, imagens ou quadros estruturados, permitindo prototipagem rápida para uma ampla gama de envolvidos.
• Camadas de código e um code composer: camadas suportadas por IA para linguagem, visuais e código, que os usuários podem editar integralmente para corresponder à visão e publicar em ambientes de produção.
• Dev Mode MCP Server: extensão de fluxo de trabalho onde desenvolvedores invocam um agente de codificação que traduz rascunhos em código pronto para produção, com contexto completo, eliminando cópia e colagem manuais.
• Fluxos multimodais: a plataforma suporta usuários com diferentes pontos fortes (código, design ou linguagem), permitindo que os fluxos abracem várias modalidades sem perder a especialização.
• Experiências de IA multiplayer: colaboração em tempo real no mesmo arquivo com avatares e assistentes de IA, transformando reuniões em sessões de construção interativas; geração de imagens no FigJam e no Slides para visuais alinhados à marca.
• Exemplos de impacto inicial: uso interno, como um jogo alimentado por API Workday criado por um funcionário sem conhecimento técnico em apenas duas horas, demonstrando o potencial de IA para criar ferramentas utilizáveis com pouco know-how técnico.
• Adoção interna e programas de fluência: Great Figma Bake Off, implantação do ChatGPT Enterprise, Maker Weeks, entre outras iniciativas, com salvaguardas para permitir experimentação segura.

Por que isso importa (impacto para desenvolvedores/empresas)

• Iteração mais rápida e menos barreiras: IA reduz o custo inicial de explorar ideias, permitindo que equipes testem mais conceitos de forma rápida e escolham o melhor caminho para a execução.
• Colaboração mais forte entre designers e desenvolvedores: dados estruturados (CSS, tokens) e traduções de rascunhos para código simplificam o handoff e aceleram a entrega, enquanto o código gerado por IA reduz ruídos de comunicação.
• Colaboração em tempo real e alinhamento: experiências de IA em modo multiplayer mantêm as equipes alinhadas em tempo real, transformando reuniões em sessões de construção interativas.
• Fluxos de trabalho de IA de ponta a ponta: da ideia à saída pronta para produção, a integração de Make, MCP e camadas de código sustenta fluxos de design e engenharia com IA.
• Governança e fluência organizacional: programas internos promovem experimentação prática com salvaguardas de uso de dados e práticas de implantação segura para escalar IA.

Detalhes técnicos ou implementação

• Figma Make: ferramenta de prompt-para-aplicativo que pode gerar código de produção a partir de linguagem, imagens ou quadros estruturados, permitindo prototipagem rápida para designers, PMs e engenheiros.
• Camadas de código e code composer: usuários podem escrever e publicar código com IA dentro do Figma, refinando linguagem, visuais e código para manter o ofício.
• Dev Mode MCP Server: backend de desenvolvimento que traduz rascunhos em código pronto para produção, com contexto completo, fortalecendo o fluxo de transferência entre equipes.
• Fluxos multimodais: a plataforma dá suporte a usuários com diferentes pontos fortes, permitindo que fluxos percorram código, design e linguagem sem perder a especialização.
• Agentes de IA para trabalhos repetitivos: agentes cuidam de tarefas repetitivas e geram implementações iniciais, enquanto usuários iteram para atender à visão.
• Recursos alimentados por IA: Figma utiliza APIs da OpenAI para alimentar o FigJam AI e capacidades de geração de imagens; o ChatGPT Enterprise é implantado na organização para aumentar produtividade com segurança.
• Colaboração e visualização: colaboração em tempo real com avatares e co-criação com IA; geração de imagens no FigJam e no Slides facilita rapidamente visuais alinhados à marca.
• Governança e segurança: caminho de conformidade com salvaguardas para permitir exploração segura de novas ferramentas de IA dentro da organização. fonte

Principais conclusões

• IA está integrada na Figma como transformação de plataforma e capability central, permitindo design mais rápido e participação mais ampla.
• Figma Make e Dev Mode MCP Server conectam design, engenharia e papéis não técnicos por meio da geração de código de produção a partir de protótipos, com menos atrito.
• Fluxos multimodais e IA multiplayer expandem a colaboração, permitindo co-criação com IA em tempo real em código, design e linguagem.
• Programas internos e estruturas de governança sustentam fluência em IA, mantendo a segurança de dados e práticas responsáveis.
• Experimentos internos mostram o potencial de IA para liberar ferramentas utilizáveis a partir de usos não tradicionais.

Referências

• https://openai.com/index/figma-david-kossnick