Ir para o conteúdo principal

Escreva prompts, prototipe, aperfeiçoe: Figma Make está agora disponível para todos os usuários

David KossnickProduct Director, Figma
Arte digital abstrata com raios coloridos, texto similar a código, círculos pontiagudos em marrom e pontos laranja, estilo moderno.Arte digital abstrata com raios coloridos, texto similar a código, círculos pontiagudos em marrom e pontos laranja, estilo moderno.

Hoje, todos os recursos e produtos de IA do Figma estão saindo da fase beta, incluindo o Figma Make—que agora está disponível para todos experimentarem. Veja como as equipes estão usando a ferramenta de prompt para app para sonhar mais alto, se mover mais rápido e trabalhar melhor juntas.

Compartilhar Escreva prompts, prototipe, aperfeiçoe: Figma Make está agora disponível para todos os usuários

Desde o lançamento do Figma Make, adicionamos recursos que tornam suas criações ainda mais robustas:

Importar uma biblioteca existente do Figma: Mantenha um visual e sensação consistentes em seus protótipos e aplicativos web importando a paleta de cores e diretrizes de uso, tipografia e elementos de estilo principais.

Integração com Supabase: Crie protótipos e web apps mais ricos conectando-se a um banco de dados de backend.

Ir da ideia à execução não é tão simples quanto ir do ponto A ao ponto B. Desde a exploração e iteração, até o alinhamento e refinamento, as equipes precisam da capacidade de criar rapidamente em cima de suas ideias. É por isso que lançamos o Figma Make, uma ferramenta de prompt para app que permite que designers e criadores de produtos desenvolvam protótipos interativos de alta fidelidade, independentemente de seu conhecimento técnico. Isso significa que é muito mais rápido explorar possíveis soluções, alinhar em uma visão e iterar em um design. Mas não se trata apenas de eficiência. Com o Figma Make, as equipes estão pensando de forma mais ampla, construindo com mais confiança e trazendo mais vozes para o processo de design.

Hoje, estamos entusiasmados em anunciar que o Figma Make, juntamente com recursos de IA do Figma como Criar e Editar Imagens e Aumentar Resolução, estão saindo da versão beta para disponibilidade geral:

Publicar arquivos do Figma Make ainda está em versão beta.

  • Usuários de acesso Full desbloqueiam todo o potencial dos recursos de IA e do Figma Make, incluindo a capacidade de publicar* ou compartilhar seus arquivos do Figma Make de forma privada.
  • Usuários com acesso View, Collab e Dev têm arquivos ilimitados no Figma Make em rascunhos e podem experimentar recursos de IA nos produtos disponíveis para eles.
  • Usuários do plano Iniciante têm arquivos ilimitados do Figma Make em rascunhos e podem compartilhar até três arquivos do Figma Make com sua equipe. Outros recursos de IA estão disponíveis apenas em planos pagos.

Para mais detalhes sobre créditos de IA e como eles funcionam, confira este artigo da Central de Ajuda.

Com esta mudança, incluímos créditos de IA para todos os acessos. Ainda este ano, planejamos introduzir a possibilidade de comprar créditos de IA adicionais para usuários avançados. Até lá, não vamos aplicar estritamente os limites de crédito para acessos Full. Nosso plano Iniciante, assim como os usuários com acesso View, Collab e Dev, terão limites de crédito mais baixos, sujeitos a alterações e aplicados diariamente e mensalmente.

Aqui está uma análise dos créditos de IA de acesso Full por plano:

Plano Profissional: 3000 créditos/mês, cerca de 50-70 prompts Make baseados em estimativas atuais; Plano Organização: 3500 créditos/mês, cerca de 60-80 prompts Make baseados em estimativas atuais; Plano Enterprise: 4250 créditos/mês, cerca de 80-100 prompts Make baseados em estimativas atuaisPlano Profissional: 3000 créditos/mês, cerca de 50-70 prompts Make baseados em estimativas atuais; Plano Organização: 3500 créditos/mês, cerca de 60-80 prompts Make baseados em estimativas atuais; Plano Enterprise: 4250 créditos/mês, cerca de 80-100 prompts Make baseados em estimativas atuais

Juntos, essas mudanças colocam o poder do Figma AI e Figma Make na ponta dos seus dedos, permitindo que as equipes movam-se mais rápido e foquem mais no que importa.

Como o Figma Make acelera o seu trabalho

A magia do Figma Make não para apenas no que ele ajuda você a criar — ela se estende por todo o processo de desenvolvimento do produto. Com o Figma Make, designers podem testar interações mais complexas, engenheiros podem criar artefatos de design de alta fidelidade e gerentes de produto podem criar mockups funcionais para validar ideias. “Agora, designers, engenheiros e gerentes de produto podem todos criar artefatos de alta fidelidade para levar à equipe para uma discussão mais informada”, diz Gui Seiz, Diretor de Design na Figma. “É uma mudança de mentalidade que incentiva você a brincar, correr riscos e encontrar soluções mais interessantes.”

É uma mudança de mentalidade que incentiva você a brincar, correr riscos e encontrar soluções mais interessantes.
Gui Seiz, Diretor de Design, Figma

Essa mudança já alterou a forma como as equipes na Figma trabalham. Aqui estão algumas maneiras como o Figma Make ajuda as equipes a explorar novas direções, comunicar sua visão e reunir mais pessoas durante o processo de desenvolvimento do produto.

Democratize o poder da prototipagem

Quando se trata de articular uma ideia, as palavras muitas vezes nos faltam. “O design pode ser um processo com perda de informações porque a linguagem é uma fera escorregadia”, diz Gui, razão pela qual as equipes precisam vivenciar como algo que parece e se sente para apoiá-lo. É aí que entram os protótipos, mas eles podem ser demorados de criar — ou, dependendo da pessoa, simplesmente inatingíveis. O Figma Make permite que qualquer pessoa transforme suas ideias em protótipos realistas através de comandos em linguagem natural.

Rie usou o Figma Make para prototipar um Calculador de Tráfego de Pesquisa. (Esses números são apenas para fins de demonstração.)

Exemplo disso: Rie McGwier, pesquisadora no Figma, usou o Figma Make para prototipar uma calculadora de tráfego para as 30 pesquisas que coletam feedback de usuários em oito produtos do Figma. "Sem um centro de controle de pesquisas, é quase impossível garantir que as pesquisas sejam despachadas de forma eficiente", eles explicam. Em vez de depender de diagramas estáticos, eles usaram o Figma Make para construir e refinar um modelo matemático baseado em entradas de dados como taxas de usuários ativos semanais, restrições, sobreposição de público, taxas de resposta, janelas de recontato e amostra desejada. Este modelo gerou um painel que permite aos pesquisadores distribuir tráfego para pesquisas sem excesso de amostragem em uma população.

 Protótipo do Figma Make mostrando Calculadora de Tráfego de Pesquisa com taxa de amostra da população, controles deslizantes de UI e métricas de pesquisa. Protótipo do Figma Make mostrando Calculadora de Tráfego de Pesquisa com taxa de amostra da população, controles deslizantes de UI e métricas de pesquisa.
O Figma Make incluiu um parâmetro de taxa de amostragem da população no modelo matemático e na interface do usuário. (Esses números são apenas para fins de demonstração.)

“O protótipo ajudou outros pesquisadores, líderes de pesquisa, cientistas de dados e engenheiros de dados—pessoas que não estavam tão imersas no assunto quanto eu estava—a enxergar o problema,” diz Rie, o que desencadeou conversas sobre a construção de um MVP. “Embora o Figma Make não possa, e não deva, substituir a magia de colaborar com seus colegas, ele pode turbinar seu trabalho, ajudar a obter aprovação e desbloquear novas formas de colaborar.”

O Figma Make pode potencializar seu trabalho, ajudar a obter aprovação e desbloquear novas formas de colaboração.
Rie McGwier, Pesquisador, Figma

Ganhe confiança nas ideias mais rápido

Como Gerente de Produto na Figma, Tara Nadella precisa alinhar equipes multifuncionais em torno de decisões concretas de produto, o que pode ser um desafio quando diferentes funções têm perspectivas e prioridades diferentes. O Figma Make ajuda-a a criar um artefato tangível que coloca todos na mesma página. "Não importa o seu cargo, o papel que todos podemos assumir é o de usuário", ela diz. “O Figma Make é um formato para colaboração porque, com um protótipo que transforma ideias em experiências, todos nos tornamos usuários do nosso próprio produto, e é assim que ganhamos convicção sobre o que construir.”

Com um protótipo, todos nós podemos ser usuários do nosso próprio produto, e é assim que adquirimos convicção sobre o que construir.
Tara Nadella, Gerente de Produto, Figma
Tara prototipou uma interface de verificação de design para conformidade com o design system.

Tara usou o Figma Make para prototipar uma interface de verificação de design futura. Como se tratava de uma nova UI com relações complicadas entre os elementos, isso ajudou a testar suposições e identificar onde investir tempo antes de mergulhar em um PRD escrito ou especificação de design. "Ver um protótipo nos ajudou a chegar a uma sensação muito mais rápido quando havia tanta ambiguidade," diz Tara. "Escolher uma direção não é apenas um exercício intelectual; precisávamos de algo para reagir."

Poder extrair designs diretamente do Figma Design reduziu imensamente o atrito, diz Tara: "Ter essa base no produto foi realmente importante para uma colaboração focada e rápida." O protótipo interativo levou a equipe a criar um módulo de boas-vindas para guiar os designers através deste novo passo em seu fluxo de trabalho. "Normalmente pensamos em tom e integração como coisas que você descobre na fase de acabamento", ela diz, "mas neste caso, elas foram essenciais para a adoção desde o início."

Melhore a colaboração entre designers e desenvolvedores

O alinhamento antecipado também é crucial para a transferência entre as equipes de design e desenvolvimento, onde mal-entendidos ou prioridades conflitantes podem levar a idas e vindas. Quando os Designers de Produto do Figma, Kelly Hu e Giorgio Caviglia, trabalharam na nova opção de layout automático, Grid, eles usaram o Figma Make para prototipar o redimensionamento de trilhas e o seletor de grade na barra lateral direita, respectivamente. O que teria levado cada um deles vários dias para prototipar com código, devido à complexidade, levou apenas uma hora e meia com o Figma Make.

Kelly prototipou o redimensionamento de faixas da grade com o Figma Make.

A prototipagem foi útil não apenas para Giorgio e Kelly validarem suas próprias ideias, mas também para colaborarem com seus colegas de engenharia. "Quando se trata de interações e comportamentos complexos, é muito mais fácil comunicar-se com um protótipo em vez de imaginar como as coisas se movem", diz Giorgio. Kelly acrescenta, "Com o Grid, heurísticas de mouse e efeitos de hover entraram em jogo." Ter o protótipo reduziu a quantidade de ciclos de iteração com engenheiros porque podíamos simular a funcionalidade e chegar a um ponto de decisão mais claro antes de eles implementarem.”

Giorgio criou o protótipo do seletor de grade na barra lateral direita.
Ter o protótipo reduziu a quantidade de ciclos de iteração com os engenheiros porque pudemos chegar a um ponto de decisão mais claro.
Kelly Hu, Designer de Produto, Figma

Em outra ocasião, a Designer de Produto Natasha Tenggoro diz que o Figma Make permitiu que ela mostrasse aos engenheiros um código em funcionamento para ajudá-los a entender o alcance e a viabilidade de uma interface de usuário complexa para reprodução de vídeo. "Essa transparência transformou o que poderia ter sido um vago 'vamos ver' em um recurso prioritário", ela diz. “O Figma Make me ajudou a encontrar a equipe onde ela está, fazendo a ponte entre a intenção do design e o esforço de engenharia.”

Com o Figma Make agora disponível para todos experimentarem e usarem, mal podemos esperar para ver como você brinca, explora e encontra novas formas de trabalhar. Saiba mais sobre como funcionam os créditos de IA, inicie seu próximo Make remixando projetos na Comunidade do Figma e transforme suas ideias em realidade com o poder da IA.

Create and collaborate with Figma

Get started for free