Saltar hasta el contenido principal

Indicación, creación del prototipo, perfeccionar: Figma Make ya está disponible para todos los usuarios

Arte digital abstracto con rayos de colores, texto que parece código, círculos marrones con púas y puntos naranjas, de estilo moderno.Arte digital abstracto con rayos de colores, texto que parece código, círculos marrones con púas y puntos naranjas, de estilo moderno.

Hoy, todas las funciones y productos de Figma AI salen de la fase beta, incluido Figma Make, que ya está disponible para que todo el mundo lo pruebe. Así es como los equipos están usando esta herramienta de creación de aplicaciones a partir de indicaciones para soñar a lo grande, avanzar más rápido y trabajar mejor juntos.

Compartir Indicación, creación del prototipo, perfeccionar: Figma Make ya está disponible para todos los usuarios

Desde que lanzamos Figma Make, hemos añadido funciones que hacen que tus creaciones sean aún más sólidas:

Importa una biblioteca existente de Figma: consigue una apariencia coherente en tus prototipos y aplicaciones web importando la paleta de colores y las directrices de uso, la tipografía y los elementos de estilo fundamentales.

Integración con Supabase: crea prototipos y aplicaciones web más completos conectándote a una base de datos backend.

Pasar de la idea a la ejecución no es tan sencillo como ir del punto A al punto B. Desde la exploración y la iteración hasta la alineación y el perfeccionamiento, los equipos necesitan poder desarrollar rápidamente sus ideas. Por eso hemos lanzado Figma Make, una herramienta de creación de aplicaciones a partir de indicaciones que permite a diseñadores y creadores de productos crear prototipos interactivos y de alta fidelidad, sin importar sus conocimientos técnicos. Esto significa que es mucho más rápido explorar posibles soluciones, ponerse de acuerdo en una visión e iterar sobre un diseño. Pero no se trata solo de eficiencia. Con Figma Make, los equipos piensan a lo grande, crean con más confianza e incorporan más opiniones al proceso de diseño.

Hoy, nos complace anunciar que Figma Make, junto con lasfunciones de Figma AI como Crear y editar imagen y Aumentar la resolución, salen de la fase beta y pasan a estar disponibles para todos:

La publicación de archivos Figma Make aún está en fase beta.

  • Los usuarios de puestos Full pueden aprovechar todo el potencial de las funciones de IA y de Figma Make, incluida la posibilidad de publicar* o compartir sus archivos de Figma Make de forma privada.
  • Los usuarios de puestos View, Collab y Dev tienen acceso ilimitado a archivos de Figma Make en borrador y pueden probar las funciones de IA en los productos a los que tienen acceso.
  • Los usuarios del plan Inicial tienen acceso ilimitado a archivos de Figma Make en borrador y pueden compartir hasta tres archivos de Figma Make con su equipo. Otras funciones de IA solo están disponibles en los planes de pago.

Para obtener más detalles sobre los créditos de IA y cómo funcionanconsulta nuestro artículo del Centro de ayuda.

Con este cambio, hemos incluido créditos de IA en todos los puestos. A finales de este año, planeamos introducir la opción de comprar créditos de IA adicionales para usuarios avanzados. Hasta entonces, no aplicaremos estrictamente los límites de crédito para los puestos Full. y los usuarios con puestos View, Collab y Dev tendrán límites de crédito más bajos, que están sujetos a cambios y se aplican tanto a diario como mensualmente.

Aquí tienes un desglose de los créditos de IA por puesto Full según el plan:

Plan Profesional: 3000 créditos/mes, aproximadamente 50-70 indicaciones Make según las estimaciones actuales; Plan Organización: 3500 créditos/mes, aproximadamente 60-80 indicaciones Make según las estimaciones actuales; plan Empresa: 4250 créditos/mes, aproximadamente 80-100 indicaciones Make según las estimaciones actualesPlan Profesional: 3000 créditos/mes, aproximadamente 50-70 indicaciones Make según las estimaciones actuales; Plan Organización: 3500 créditos/mes, aproximadamente 60-80 indicaciones Make según las estimaciones actuales; plan Empresa: 4250 créditos/mes, aproximadamente 80-100 indicaciones Make según las estimaciones actuales

En conjunto, todos estos cambios ponen el poder de Figma AI y Figma Make al alcance de tu mano, para que los equipos puedan avanzar más rápido y centrarse más en lo que realmente importa.

Cómo Figma Make revoluciona tu forma de trabajar

La magia de Figma Make no se limita solo a lo que te ayuda a crear, sino que se extiende a todo el proceso de desarrollo de productos. Con Figma Make, los diseñadores pueden probar interacciones más complejas, los ingenieros pueden crear artefacto de diseño de alta fidelidad y los gerentes de producto pueden crear maquetas funcionales para validar ideas. “Ahora los diseñadores, los ingenieros y los gerentes de producto pueden crear artefactos de alta fidelidad para presentarlos al equipo y mantener discusiones más informadas”, dice Gui Seiz, director de diseño en Figma. “Es un cambio de mentalidad que te anima a experimentar, a arriesgarte y a encontrar soluciones más interesantes”.

Es un cambio de mentalidad que te anima a experimentar, a arriesgarte y a encontrar soluciones más interesantes.
Gui Seiz, director de diseño, Figma

Este cambio ya ha transformado la forma de trabajar de los equipos en Figma. A continuación te mostramos algunas formas en las que Figma Make ayuda a los equipos a explorar nuevas direcciones, comunicar su visión y reunir a más personas a lo largo del proceso de desarrollo de productos.

Democratizar el poder de la creación de prototipos

A la hora de expresar una idea, las palabras a menudo nos fallan. “El diseño puede ser un proceso en el que se pierden matices, porque el lenguaje es algo escurridizo”, dice Gui, y por eso los equipos necesitan experimentar cómo se ve y se siente algo para entenderlo de verdad. Ahí es donde entran en juego los prototipos, pero crearlos puede llevar mucho tiempo o, dependiendo de la persona, simplemente estar fuera de su alcance. Figma Make permite a cualquiera convertir sus ideas en prototipos realistas mediante indicaciones en lenguaje natural.

Rie usó Figma Make para crear un prototipo de una calculadora de tráfico de encuestas. (Estos números son solo a modo de demostración.)

Un ejemplo claro: Rie McGwier, investigadora de Figma, utilizó Figma Make para crear un prototipo de calculadora de tráfico para las 30 encuestas destinadas a recabar comentarios de los usuarios sobre los ocho productos de Figma. “Sin un centro de control de encuestas, es casi imposible garantizar que estas se distribuyan de forma eficiente”, explican. En lugar de basarse en diagramas estáticos, utilizaron Figma Make para crear y perfeccionar un modelo matemático basado en datos como las tasas de usuarios activos semanales, las restricciones, el solapamiento de audiencias, las tasas de respuesta, los plazos para volver a contactar y la muestra deseada. Este modelo impulsó un panel para ayudar a los investigadores a distribuir el tráfico hacia las encuestas sin realizar un muestreo excesivo de la población.

 Prototipo en Figma que muestra la calculadora de tráfico de encuestas con la tasa de muestreo de la población, controles deslizantes de la IU y métricas de la encuesta. Prototipo en Figma que muestra la calculadora de tráfico de encuestas con la tasa de muestreo de la población, controles deslizantes de la IU y métricas de la encuesta.
Figma Make incorporó un parámetro de tasa de muestreo de la población tanto en el modelo matemático como en la IU. (Estos números son solo a modo de demostración.)

“El prototipo ayudó a otros investigadores, jefes de investigación, científicos de datos e ingenieros de datos —gente que no estaba tan metida en los detalles como yo— a ver el problema“, dice Rie, lo que dio pie a conversaciones sobre la creación de un MVP. “Aunque Figma Make no puede, ni debería, sustituir la magia de colaborar con tus compañeros, sí que puede potenciar tu trabajo, ayudar a obtener el respaldo necesario y desbloquear nuevas formas de colaborar”.

Figma Make puede potenciar tu trabajo, ayudar a obtener el respaldo necesario y desbloquear nuevas formas de colaborar.
Rie McGwier, investigadora, Figma

Convence a los demás de tus ideas más rápido

Como gerente de producto en Figma, Tara Nadella tiene que coordinar a equipos multidisciplinares en torno a decisiones concretas sobre el producto, lo cual puede ser todo un reto cuando cada puesto tiene sus propias perspectivas y prioridades. Figma Make le ayuda a crear un artefacto tangible con el que todos se ponen de acuerdo. “Independientemente de tu cargo, el único papel que todos podemos desempeñar es el de usuario”, dice ella. “Figma Make es un formato para la colaboración porque, con un prototipo que convierte las ideas en experiencias, todos nos convertimos en usuarios de nuestro propio producto, y así es como nos convencemos de lo que debemos crear”.

Con un prototipo, todos nos convertimos en usuarios de nuestro propio producto, y así es como nos convencemos de lo que debemos crear.
Tara Nadella, gerente de producto, Figma
Tara creó un prototipo de interfaz de verificación de diseños para comprobar el cumplimiento del sistema de diseño.

Tara utilizó Figma Make para crear un prototipo de una futura interfaz de verificación de diseño. Dado que se trataba de una nueva IU con relaciones complicadas entre los elementos, esto ayudó a poner a prueba las hipótesis y a identificar en qué aspectos invertir tiempo antes de lanzarse a redactar un PRD o unas especificaciones de diseño. “Ver un prototipo nos ayudó a hacernos una idea mucho más rápido cuando había tanta ambigüedad”, dice Tara. “Elegir una dirección no es solo un ejercicio intelectual; necesitábamos algo a lo que reaccionar”.

Poder extraer diseños directamente desde Figma Design redujo enormemente las dificultades, dice Tara: “Tener esa base sólida en el producto fue realmente importante para una colaboración centrada y rápida”. El prototipo interactivo llevó al equipo a crear un módulo de bienvenida para guiar a los diseñadores a través de este nuevo paso en su flujo de trabajo. “Normalmente pensamos que el tono y la incorporación son cosas que se definen durante la fase de pulido”, dice ella, “pero en este caso, fueron esenciales para la adopción desde el principio”.

Mejorar la colaboración entre diseñadores y desarrolladores

La alineación temprana también es clave para las entregas entre los equipos de diseño y desarrollo, donde los malentendidos o las prioridades contradictorias pueden provocar algunas idas y venidas. Cuando los diseñadores de producto de Figma Kelly Hu y Giorgio Caviglia trabajaron en la nueva disposición automática, Grid, utilizaron Figma Make para crear prototipos del redimensionamiento de la pista y del selector de cuadrícula en la barra lateral derecha, respectivamente. Lo que les habría llevado varios días a cada uno crear un prototipo con código, debido a su complejidad, solo les llevó una hora y media con Figma Make.

Kelly creó un prototipo del redimensionamiento de la pista de Grid con Figma Make.

La creación de prototipos no solo les sirvió a Giorgio y Kelly para validar sus propias ideas, sino también para colaborar con sus compañeros de ingeniería. “Cuando se trata de interacciones y comportamientos complejos, es mucho más fácil comunicarse con un prototipo que imaginar cómo se mueven las cosas“, dice Giorgio. Kelly añade: “Con Grid, entraron en juego la heurística del ratón y los efectos al pasar el cursor“. Contar con el prototipo redujo el número de ciclos de iteración con los ingenieros, ya que pudimos simular la funcionalidad y llegar a un punto de decisión más claro antes de que ellos lo implementaran”.

Giorgio creó un prototipo del selector de cuadrícula en la barra lateral derecha.
Contar con el prototipo redujo el número de ciclos de iteración con los ingenieros, ya que pudimos llegar a un punto de decisión más claro.
Kelly Hu, dseñadora de productos, Figma

En otro caso, la diseñadora de producto Natasha Tenggoro cuenta que Figma Make le permitió mostrar a los ingenieros código funcional para ayudarles a entender el alcance y la viabilidad de una IU compleja para la reproducción de vídeos. “Esa transparencia convirtió lo que podría haber sido un vago ‘ya veremos’ en una función prioritaria”, dice ella. “Figma Make me ayudó a ponerme al nivel del equipo, tendiendo un puente entre la intención del diseño y el trabajo de ingeniería”.

Con Figma Make ya disponible para que todo el mundo lo pruebe y lo use, estamos deseando ver cómo lo usas, exploras y descubres nuevas formas de trabajar. Obtén más información sobre cómo funcionan los créditos de IA, pon en marcha tu próximo proyecto de Make remezclando proyectos en Figma Community y haz realidad tus ideas con el poder de la IA.

Create and collaborate with Figma

Get started for free