Saltar hasta el contenido principal

Figma Design

Hecho para la gran imagen.
Ideal hasta en cada píxel.

Trabaja de la forma que quieras, ya sea creando sistemas de diseño, editando con IA o afinando los detalles.

Un lienzo infinito para una expresión infinita.

Dibújalo, dale vida y créalo exactamente como te imaginas.

  • Añade movimiento

    Crea animaciones precisas, desarrolla sistemas de movimiento reutilizables y entrega animaciones listas para desarrollo.

  • Una ilustración de una manzana roja con un fondo azul, verde y azul claro.Una ilustración de una manzana roja con un fondo azul, verde y azul claro.

    Dibuja ilustraciones detalladas

    Crea diseños de píxeles perfectos con edición vectorial. Usa pinceles vectoriales, configuración avanzada de trazos, rellenos y mucho más.

  • Una indicación pidiendo al agente de Figma que muestre otras propuestas de diseño para la pantalla seleccionadaUna indicación pidiendo al agente de Figma que muestre otras propuestas de diseño para la pantalla seleccionada

    Chatea con Figma

    Pide al agente de IA de Figma que genere nuevas propuestas de diseño, realice ediciones masivas de texto e imágenes y aplique tu sistema de diseño. Todo está integrado directamente en el lienzo.

Conoce lo que experimentará tu usuario antes de crear.

Da vida a tu diseño mediante indicaciones. A continuación, dale forma hasta conseguir un prototipo basado en código que tu equipo pueda ver, sentir y con el que pueda interactuar.

  • Edita con indicaciones, diseño o código

    Crea un prototipo de alta fidelidad mediante indicaciones en Figma Make y, a continuación, pule los detalles como más te guste, ya sea mediante diseño, código o indicaciones.

  • Imagen de un prototipo incrustado de Make de una brújula digital que apunta al suresteImagen de un prototipo incrustado de Make de una brújula digital que apunta al sureste

    Incrusta prototipos Make en todas partes

    Incorpora tus prototipos a Figma Design, FigJam y Figma Slides, de manera que tu equipo pueda navegar por ellos, interactuar con ellos y proporcionar comentarios más constructivos.

Los productos que te encantan se diseñan en Figma

Todos trabajamos en un único lugar en lugar de usar múltiples herramientas. Esto ayuda a cambiar de contexto y a reducir los costes, pero sobre todo ofrece rapidez y facilidad. Figma tiene lo que necesitamos.

Adam Morris

Jefe de diseño de producto, The Economist

  • 95 %

    El 95 % de las empresas Fortune 500 utiliza Figma

Basado en datos de marzo de 2025.

  • logotipo de airbnb
  • logotipo de atlassian
  • logotipo de dropbox
  • logotipo de duolingo
  • logotipo de github
  • logotipo de microsoft
  • logotipo de netflix
  • logotipo de pentagram
  • logotipo de slack
  • logotipo de stripe
  • logotipo de the new york times
  • logotipo de zoom

Crea los mejores sistemas de diseño en la empresa.

Crea una fuente única de información que permita a toda tu organización desarrollar productos de calidad de forma coherente.

  • Haz que el diseño deliberado sea la configuración predeterminada

    Estandariza estilos, componentes, variables y modos para que todo —desde el color hasta el espaciado y el movimiento— se adapte a la perfección a todos tus productos y marcas.

  • Tipografía, colores y componentes del sistema de diseño entre los que elegirTipografía, colores y componentes del sistema de diseño entre los que elegir

    Un sistema que todo tu equipo puede usar

    Comparte bibliotecas, componentes, fuentes y mucho más en toda tu organización para que todos trabajen partiendo de la misma base, ya sea para una sola marca o para varias.

El código y el diseño trabajan conjuntamente.

Todos tus diseños están conectados a un código real y preparado para la producción. Lo que tú tienes pensado es lo que se lanza al mercado.

  • Del diseño al código y viceversa

    El servidor MCP de Figma proporciona a las herramientas de programación agentic un contexto de diseño —como variables y componentes— para que puedas crear mediante indicaciones, código o diseño manual.

  • Presta atención a los detalles

    Conecta tu sistema de diseño directamente a tu base de código con Code Connect, para que los desarrolladores obtengan código real y funcional.

Repleto de funciones potentes que los diseñadores adoran

  • Figma Motion

    Novedad
    Ajuste de los fotogramas clave de movimiento y la curva en un iconoAjuste de los fotogramas clave de movimiento y la curva en un icono

    Realiza animaciones con el control de la línea de tiempo o con la ayuda de un agente, amplía tu sistema de diseño para incluir movimiento y envía con una exportación lista para desarrollo.

  • Herramientas de Figma Weave (Beta)

    Novedad
    Iluminación ajustada a Moonlight en una foto de dunas del desiertoIluminación ajustada a Moonlight en una foto de dunas del desierto

    Elige entre una lista de flujos de trabajo de IA prediseñados para generar imágenes y vectores directamente en Figma.

  • Plugins generativos (Beta)

    Novedad
    IU de un plugin para crear mapas con opciones de modo claro y oscuro, interactividad, fijaciones y coloresIU de un plugin para crear mapas con opciones de modo claro y oscuro, interactividad, fijaciones y colores

    Usa indicaciones para crear tus propios plugins reutilizables directamente en tu lienzo con el agente de Figma Se pueden compartir con toda tu organización.

  • Sombreados (Beta)

    Novedad
    Un sombreador de mapa degradado con opciones de color y mezclaUn sombreador de mapa degradado con opciones de color y mezcla

    Usa indicaciones para crear efectos y rellenos de sombreado personalizados para usar en tus diseños, con compatibilidad para exportar a Figma Make y otras plataformas a través de Figma MCP.

  • Agente de Figma (Beta)

    Colabora con un agente para generar y combinar diseños, automatizar las tareas rutinarias y recibir comentarios sobre diseño.

  • Servidor MCP

    Conecta Figma con herramientas externas para que los agentes de IA puedan leer, consultar y actuar en función de tus diseños como parte de tu flujo de trabajo.

  • Pinceles

    Selecciona entre diferentes trazos de pincel para completar la ilustración de un perroSelecciona entre diferentes trazos de pincel para completar la ilustración de un perro

    Pinta y añade detalles dibujados a mano directamente en tu archivo de diseño con herramientas de pincel que crean trazos naturales y con textura.

  • Texturas

    Añade profundidad y detalles a cualquier diseño con efectos como sombras, desenfoque, ruido, texturas y vidrio.

  • Herramientas vectoriales

    Crea iconos, ilustraciones y formas personalizadas con un conjunto completo de herramientas de dibujo y edición vectorial.

  • Vectorizar

    Convierte cualquier imagen plana y estática en un vector escalable y editable en segundos.

  • Componentes

    Crea elementos de IU reutilizables una vez y úsalos en todo tu archivo, para que los diseños sean coherentes y fáciles de actualizar.

  • Variables

    Diferentes variables, como la fuente, el espaciado y los colores, que se muestran en relación con un evento de una aplicación en ejecuciónDiferentes variables, como la fuente, el espaciado y los colores, que se muestran en relación con un evento de una aplicación en ejecución

    Aplica valores reutilizables para el color, el espaciado, el texto y mucho más, para que los cambios se actualicen a gran escala en todos los diseños.

  • Slots

    Personaliza componentes —como menús desplegables, ventanas modales y tarjetas— sin separarlos, para que el contenido pueda adaptarse sin alterar la estructura.

  • Revisa los diseños

    Novedad
    Comparación de diseños en paralelo que muestra tres colores que hay que actualizar para que se ajusten al sistema de diseñoComparación de diseños en paralelo que muestra tres colores que hay que actualizar para que se ajusten al sistema de diseño

    Compara tus diseños con tu sistema de diseño, comprueba qué falla y aplica la corrección adecuada con un solo clic.

  • Disposición automática

    Ajuste del tamaño de dos variaciones de un mismo diseño con la disposición automáticaAjuste del tamaño de dos variaciones de un mismo diseño con la disposición automática

    Crea marcos que cambien de tamaño y se reajusten automáticamente a medida que cambia el contenido, para que tus diseños se adapten sin necesidad de ajustes manuales.

  • Cuadrícula

    Ajuste del espaciado en una cuadrícula de fotosAjuste del espaciado en una cuadrícula de fotos

    Crea disposiciones flexibles, como bento, tarjetas y galerías, con un control preciso sobre el espaciado, el tamaño y la estructura.

  • Edición múltiple

    Selecciona y edita múltiples objetos en distintos marcos y conjuntos de componentes de una sola vez.

  • Ramificar y fusionar

    Trabaja en cambios de diseño en una rama aislada y combínalos cuando estén listos, sin alterar el archivo principal.