Ir para o conteúdo principal

Seu gerador de tabelas de preços com IA, na sua tela

Diga ao agente do Figma quais planos você precisa, e ele cria uma tabela de preços usando seus componentes e estilos reais, direto no Figma Design. Sem templates para personalizar, sem ferramentas separadas para combinar.

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

Crie páginas de preços mais rápido, em equipe

Da exploração inicial à entrega final, tabelas de preços que usam seus tokens reais e ficam sincronizadas com sua equipe.

Tela do Figma mostrando um design gerado por IA sendo exploradoTela do Figma mostrando um design gerado por IA sendo explorado

Explore designs com mais fidelidade

O agente do Figma gera tabelas de preços usando seus componentes, cores e estilos de texto reais, não caixas de placeholder que você vai precisar reconstruir. Explore designs de três planos, comparação de recursos e toggles, tudo em um único prompt.

Painel do agente de IA do Figma mostrando uma edição em massa aplicada a um designPainel do agente de IA do Figma mostrando uma edição em massa aplicada a um design

Elimine o trabalho repetitivo, fique no fluxo

Esqueça configurar manualmente colunas, linhas de recursos e o estilo dos badges. Descreva seus planos e deixe o agente montar a estrutura, para que você foque no posicionamento e nas decisões de preço que realmente importam.

Painel do agente de IA do Figma mostrando comentários da equipe sintetizados em um designPainel do agente de IA do Figma mostrando comentários da equipe sintetizados em um design

Alinhe sua equipe, feche o ciclo

Cada tabela chega direto no seu arquivo compartilhado, pronta para receber feedback. Os stakeholders veem o design real, não um print, e os desenvolvedores podem inspecionar os tokens instantaneamente. Nada se perde na exportação.

Os recursos por trás das tabelas

Um olhar mais atento sobre o que diferencia o agente do Figma, construído para a forma como as equipes de design realmente trabalham.

  • Captura de tela mostrando o agente de IA do Figma conectado a uma biblioteca de componentes, aplicando automaticamente tokens de marca a um designCaptura de tela mostrando o agente de IA do Figma conectado a uma biblioteca de componentes, aplicando automaticamente tokens de marca a um design

    Conecte uma biblioteca de design

    Aponte para sua biblioteca e o agente vai incorporar seus estilos de botão, tokens de cor e espaçamento, para que cada tabela combine com seu sistema desde o início.

  • Captura de tela de vários prompts de design com IA sendo executados simultaneamente no FigmaCaptura de tela de vários prompts de design com IA sendo executados simultaneamente no Figma

    Prompts em paralelo

    Execute vários prompts ao mesmo tempo para explorar layouts horizontais, cards verticais e grids de comparação de recursos, tudo sem esperar um terminar.

  • Captura de tela de uma thread de conversa de IA do Figma compartilhada com comentários de designCaptura de tela de uma thread de conversa de IA do Figma compartilhada com comentários de design

    Threads compartilháveis

    Compartilhe uma thread e sua equipe vê o prompt completo, o contexto e as iterações por trás da tabela. Sem handoffs por print, sem perder o raciocínio.

  • Captura de tela mostrando opções de habilidades do agente de IA do Figma para automatizar fluxos de trabalho de designCaptura de tela mostrando opções de habilidades do agente de IA do Figma para automatizar fluxos de trabalho de design

    Transforme fluxos de trabalho em habilidades

    Empacote seus melhores prompts de tabela de preços em comandos /reutilizáveis que sua equipe pode executar sempre que uma nova página precisar de uma tabela.

O agente do Figma parece uma extensão natural da minha mão. Eu faço a ideação dos meus designs na tela, e agora o agente leva o trabalho até o fim. Com minhas bibliotecas de design conectadas, consigo ir do design ao código mais rápido do que nunca.

Andy Madrick
Product Designer na Notion

Logotipo do Notion

Comece com o agente do Figma

  • Abra o agente

    Selecione Agentes na barra lateral esquerda ou pressione CMD + Enter. Adicione um frame à sua tela para trabalhar.

  • Descreva seus planos de preço

    Diga ao agente quantos planos você precisa, quais recursos destacar, e aponte para sua biblioteca de design para que ele use seus componentes reais.

  • Revise na tela

    Confira a tabela gerada. Refine na mesma thread ou inicie uma em paralelo para explorar outra direção de design.

  • Continue iterando

    Peça ao agente para ajustar linhas de recursos, estados de toggle ou estilos de destaque, ou refine manualmente. Tudo continua editável.

Torne-se um especialista no agente

  • O agente de design do Figma já chegou

    Veja o agente de IA do Figma em ação e descubra como aplicá-lo nos seus próprios fluxos de trabalho.

    Saiba mais
  • Tela de introdução do playground do agente do Figma com um botão 'Começar' e um exemplo de prompt de chat: 'Ei Figma, você pode criar diferentes layouts para meu aplicativo de leitura?Tela de introdução do playground do agente do Figma com um botão 'Começar' e um exemplo de prompt de chat: 'Ei Figma, você pode criar diferentes layouts para meu aplicativo de leitura?

    Trabalhe com o agente do Figma

    Um ambiente prático para explorar as capacidades do agente do Figma — de edições em massa à implementação de comentários — com orientação passo a passo integrada.

    Começar
  • Como usar o agente do Figma nos seus fluxos de trabalho de design

    Aprenda a usar o agente do Figma nos seus fluxos de trabalho de design com um tutorial passo a passo da equipe do Figma.

    Ver agora

FAQ

Um gerador de tabelas de preços com IA usa prompts em linguagem natural para criar layouts de preços estruturados — colunas, linhas de recursos, badges e CTAs — sem configuração manual. O agente do Figma cria as tabelas direto na sua tela de design usando seus componentes e estilos existentes, então você parte de uma base já polida em vez de um frame vazio.

Abra o agente do Figma na barra lateral esquerda ou pressione CMD + Enter. Descreva os planos que você precisa, os recursos a incluir e o estilo de design que você busca. O agente gera uma tabela de preços totalmente editável na sua tela usando sua biblioteca de design, pronta para refinar ou entregar.

Tabelas de preços sólidas diferenciam claramente os planos, destacam a opção mais popular, listam os recursos de forma fácil de escanear e usam CTAs consistentes. O agente do Figma pode montar todos esses elementos usando seus botões, cores e estilos de texto reais, para que você foque no conteúdo e no posicionamento em vez da mecânica do design.

Sim. Cada tabela que o agente gera chega na sua tela como camadas totalmente editáveis vinculadas ao seu sistema de design. Você pode ajustar o espaçamento, trocar componentes, reescrever textos ou pedir uma nova iteração ao agente — nada é achatado ou bloqueado.

O agente do Figma está disponível em todos os planos pagos do Figma. Você encontra na barra lateral esquerda do Figma Design. Durante o beta aberto atual, ele não consome créditos de IA — então é um bom momento para explorar, experimentar e compartilhar seu feedback com a gente.