Saltar hasta el contenido principal

Tu generador de tablas de precios con IA, en tu lienzo

Dile al agente de Figma qué niveles necesitas y creará una tabla de precios usando tus componentes y estilos reales, directamente en Figma Design. Sin plantillas que personalizar, sin herramientas separadas que combinar.

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

Crea páginas de precios más rápido, en equipo

Desde la exploración inicial hasta la entrega final, tablas de precios que usan tus tokens reales y se mantienen sincronizadas con tu equipo.

Lienzo de Figma mostrando un diseño generado con IA siendo exploradoLienzo de Figma mostrando un diseño generado con IA siendo explorado

Explora diseños con mayor fidelidad

El agente de Figma genera tablas de precios usando tus componentes, colores y estilos de texto reales, no cajas de marcador de posición que tendrás que reconstruir. Explora diseños de tres niveles, comparación de funciones e interruptores, todo en una sola indicación.

Panel del agente de IA de Figma mostrando una edición en masa aplicada a un diseñoPanel del agente de IA de Figma mostrando una edición en masa aplicada a un diseño

Elimina el trabajo tedioso, mantente en el flujo

Olvídate de configurar manualmente columnas, filas de funciones y el estilo de las insignias. Describe tus niveles y deja que el agente monte la estructura, para que puedas centrarte en el posicionamiento y las decisiones de precios que realmente importan.

Panel del agente de IA de Figma mostrando comentarios del equipo sintetizados en un diseñoPanel del agente de IA de Figma mostrando comentarios del equipo sintetizados en un diseño

Alinea a tu equipo, cierra el ciclo

Cada tabla llega directamente a tu archivo compartido, lista para recibir comentarios. Los interesados ven el diseño real, no una captura de pantalla, y los desarrolladores pueden inspeccionar los tokens al instante. Nada se pierde en la exportación.

Las funciones detrás de las tablas

Un vistazo más de cerca a lo que distingue al agente de Figma, creado para la forma en que los equipos de diseño trabajan realmente.

  • Captura de pantalla mostrando el agente de IA de Figma conectado a una biblioteca de componentes, aplicando automáticamente tokens de marca a un diseñoCaptura de pantalla mostrando el agente de IA de Figma conectado a una biblioteca de componentes, aplicando automáticamente tokens de marca a un diseño

    Conecta una biblioteca de diseño

    Indícale al agente tu biblioteca y este incorporará tus estilos de botones, tokens de color y espaciado, para que cada tabla coincida con tu sistema desde el principio.

  • Captura de pantalla de varias indicaciones de diseño con IA ejecutándose simultáneamente en FigmaCaptura de pantalla de varias indicaciones de diseño con IA ejecutándose simultáneamente en Figma

    Indicaciones en paralelo

    Ejecuta varias indicaciones a la vez para explorar diseños horizontales, tarjetas verticales y cuadrículas de comparación de funciones, todo sin esperar a que termine una.

  • Captura de pantalla de un hilo de conversación de IA de Figma compartido con comentarios de diseñoCaptura de pantalla de un hilo de conversación de IA de Figma compartido con comentarios de diseño

    Hilos compartibles

    Comparte un hilo y tu equipo verá la indicación completa, el contexto y las iteraciones detrás de la tabla. Sin traspasos por captura de pantalla, sin perder el razonamiento.

  • Captura de pantalla mostrando opciones de habilidades del agente de IA de Figma para automatizar flujos de trabajo de diseñoCaptura de pantalla mostrando opciones de habilidades del agente de IA de Figma para automatizar flujos de trabajo de diseño

    Convierte flujos de trabajo en habilidades

    Empaqueta tus mejores indicaciones de tablas de precios en comandos /reutilizables que tu equipo pueda ejecutar cada vez que una página nueva necesite una tabla.

El agente de Figma se siente como una extensión natural de mi mano. Hago la ideación de mis diseños en el lienzo, y ahora el agente lleva el trabajo hasta el final. Con mis bibliotecas de diseño conectadas, puedo pasar del diseño al código más rápido que nunca.

Andy Madrick
Product Designer en Notion

Logo de Notion

Empieza con el agente de Figma

  • Abre el agente

    Selecciona Agentes en la barra lateral izquierda o pulsa CMD + Intro. Añade un marco a tu lienzo para trabajar.

  • Describe tus niveles de precios

    Indícale al agente cuántos niveles necesitas, qué funciones destacar, y señálale tu biblioteca de diseño para que use tus componentes reales.

  • Revisa en el lienzo

    Comprueba la tabla generada. Perfecciónala en el mismo hilo o inicia uno en paralelo para explorar otra dirección de diseño.

  • Sigue iterando

    Vuelve a indicarle para ajustar filas de funciones, estados de interruptor o estilos destacados, o afínalo a mano. Todo permanece editable.

Conviértete en un experto del agente

  • El agente de diseño de Figma ya está aquí

    Mira el agente de IA de Figma en acción y descubre cómo aplicarlo en tus propios flujos de trabajo.

    Más información
  • Figma agent playground intro screen with a 'Start' button and a sample chat prompt: 'Hey Figma, can you create different layouts for my reading app?Figma agent playground intro screen with a 'Start' button and a sample chat prompt: 'Hey Figma, can you create different layouts for my reading app?

    Trabaja con el agente de Figma

    Un entorno práctico para explorar las capacidades del agente de Figma — desde ediciones en masa hasta la implementación de comentarios — con guía paso a paso incorporada.

    Empezar
  • Cómo usar el agente de Figma en tus flujos de trabajo de diseño

    Aprende a usar el agente de Figma en tus flujos de trabajo de diseño con un tutorial paso a paso del equipo de Figma.

    Ver ahora

FAQ

Un generador de tablas de precios con IA usa indicaciones en lenguaje natural para crear diseños de precios estructurados —columnas, filas de funciones, insignias y CTA— sin configuración manual. El agente de Figma crea las tablas directamente en tu lienzo de diseño usando tus componentes y estilos existentes, así que partes de una base pulida en lugar de un marco vacío.

Abre el agente de Figma desde la barra lateral izquierda o pulsa CMD + Intro. Describe los niveles que necesitas, las funciones a incluir y el estilo de diseño que buscas. El agente genera una tabla de precios totalmente editable en tu lienzo usando tu biblioteca de diseño, lista para perfeccionar o entregar.

Las tablas de precios sólidas diferencian claramente los niveles, destacan la opción más popular, enumeran las funciones de forma fácil de escanear y usan CTA coherentes. El agente de Figma puede montar todos estos elementos usando tus botones, colores y estilos de texto reales, para que te centres en el contenido y el posicionamiento en lugar de en la mecánica del diseño.

Sí. Cada tabla que genera el agente llega a tu lienzo como capas totalmente editables vinculadas a tu sistema de diseño. Puedes ajustar el espaciado, cambiar componentes, reescribir textos o volver a indicarle para iterar: nada se aplana ni queda bloqueado.

El agente de Figma está disponible en todos los planes de pago de Figma. Lo encontrarás en la barra lateral izquierda de Figma Design. Durante la beta abierta actual no consume créditos de IA — así que es un buen momento para explorarlo, experimentar y compartir tu opinión con nosotros.