{"id":57918,"date":"2025-08-12T09:00:15","date_gmt":"2025-08-12T07:00:15","guid":{"rendered":"https:\/\/www.hiberus.com\/crecemos-contigo\/?p=57918"},"modified":"2025-08-29T14:43:15","modified_gmt":"2025-08-29T12:43:15","slug":"las-novedades-de-figma-en-2025","status":"publish","type":"post","link":"https:\/\/www.hiberus.com\/crecemos-contigo\/las-novedades-de-figma-en-2025\/","title":{"rendered":"Las novedades de Figma en 2025. \u00bfSer\u00e1 el nuevo Adobe?"},"content":{"rendered":"

Figma ha presentado un conjunto de nuevas funciones orientadas a ampliar las posibilidades de dise\u00f1o, prototipado, desarrollo y publicaci\u00f3n dentro de su entorno. Entre las principales novedades se encuentran un nuevo modo de edici\u00f3n vectorial, una actualizaci\u00f3n en el sistema de disposici\u00f3n autom\u00e1tica mediante cuadr\u00edcula, una herramienta para producci\u00f3n masiva de contenidos de marca, una soluci\u00f3n integrada para la creaci\u00f3n y publicaci\u00f3n de sitios web, y una opci\u00f3n para convertir dise\u00f1os en prototipos funcionales mediante c\u00f3digo editable. \u00a1Sigue leyendo para enterarte de todo!<\/p>\n

<\/h2>\n

 <\/p>\n

Figma Draw<\/h2>\n

Figma Draw es un nuevo modo de trabajo centrado en la edici\u00f3n gr\u00e1fica.<\/strong> No se trata de una herramienta aislada, sino de una interfaz alternativa dentro de Figma que se suma a los modos Design y Dev. Este entorno est\u00e1 enfocado a la edici\u00f3n vectorial, formas, degradados, texturas y desenfoques.<\/strong> El objetivo es facilitar una expresi\u00f3n visual m\u00e1s rica sin necesidad de recurrir a herramientas externas como Illustrator.<\/p>\n

El modo Draw incorpora una barra de herramientas espec\u00edfica, mejoras en el panel de capas y propiedades, as\u00ed como herramientas nuevas como el lazo de selecci\u00f3n, generador de formas, edici\u00f3n m\u00faltiple y texto sobre cualquier ruta vectorial. Permite usar pinceles vectoriales predefinidos o personalizados, y aplicar rellenos con efectos como texturas, ruido, desenfoque progresivo o patrones. Incluye transformaciones con repeticiones lineales y radiales, trazo din\u00e1mico con control de frecuencia y movimiento, y pr\u00f3ximamente permitir\u00e1 modificar la anchura del trazo en puntos espec\u00edficos. Tambi\u00e9n se han actualizado las operaciones booleanas y la exportaci\u00f3n SVG, mejorando su rendimiento.<\/p>\n

\"Figma<\/p>\n

 <\/p>\n

Auto Layout Grid<\/h2>\n

La nueva funcionalidad de cuadr\u00edcula dentro de Auto Layout permite estructurar dise\u00f1os mediante filas y columnas<\/strong>, replicando el comportamiento de una ret\u00edcula tradicional. Los
\ncomponentes pueden ocupar una o varias pistas, tanto en direcci\u00f3n horizontal como vertical, y se pueden definir anchuras y alturas fijas para las pistas.<\/p>\n

En comparaci\u00f3n con los sistemas anteriores de Auto Layout basados en flexbox, esta versi\u00f3n utiliza display: grid. Desde el modo Dev se puede acceder al CSS generado para facilitar la implementaci\u00f3n por parte del equipo de desarrollo. Aunque permite controlar la distribuci\u00f3n de los elementos, por el momento no incluye la posibilidad de definir \u00e1reas de grid directamente en Figma, lo que requiere intervenci\u00f3n posterior por parte del desarrollador.<\/p>\n

 <\/p>\n

Figma Buzz<\/h2>\n

Figma Buzz es una herramienta dise\u00f1ada para crear y publicar recursos de marca de forma escalable.<\/strong> Las personas usuarias pueden copiar dise\u00f1os desde Figma Design y convertirlos en<\/strong>
\nplantillas editables para el equipo<\/strong>, manteniendo o liberando restricciones de edici\u00f3n seg\u00fan las necesidades.<\/p>\n

Buzz permite importar datos desde hojas de c\u00e1lculo y generar m\u00faltiples recursos visuales al instante. Ofrece plantillas de marca personalizadas o predise\u00f1adas, integraci\u00f3n con funciones de inteligencia artificial para generar im\u00e1genes, eliminar fondos o reescribir texto, y la posibilidad de aplicar un mismo dise\u00f1o a m\u00faltiples variantes. Est\u00e1 orientado a facilitar la producci\u00f3n de contenidos como creatividades para redes sociales o p\u00e1ginas con m\u00faltiples productos, y permite la descarga masiva de todos los recursos generados.<\/p>\n

\"Figma<\/p>\n

<\/h2>\n

 <\/p>\n

Figma Sites<\/h2>\n

Figma Sites es una herramienta de dise\u00f1o, prototipado y publicaci\u00f3n de sitios web integrada dentro del entorno de Figma.<\/strong> Permite trasladar dise\u00f1os creados en Figma Design mediante
\ncopiar y pegar, incorporando bloques predefinidos o componentes personalizados del propio sistema de dise\u00f1o.<\/p>\n

Cuenta con 50 plantillas de sitio listas para usar, permite ajustar dise\u00f1os a diferentes puntos de quiebre y aplicar interacciones visuales como marquesinas o desplazamientos con paralaje. Los proyectos se pueden previsualizar en HTML directamente sobre el lienzo y publicar desde la misma interfaz. Su uso actual es viable principalmente para sitios sencillos, como landings o portfolios.<\/p>\n

 <\/p>\n

\"Figma<\/p>\n

<\/h2>\n

 <\/p>\n

Figma Make<\/h2>\n

Figma Make permite transformar dise\u00f1os en prototipos funcionales mediante edici\u00f3n de c\u00f3digo.<\/strong> Est\u00e1 orientado a perfiles t\u00e9cnicos<\/strong>, como desarrolladores frontend, y genera por defecto c\u00f3digo en React y Tailwind. Desde el dise\u00f1o se puede seleccionar cualquier elemento y aplicar cambios mediante prompts o modificar directamente el c\u00f3digo generado.<\/p>\n

La herramienta incluye una barra de edici\u00f3n en l\u00ednea para trabajar sobre textos, im\u00e1genes o contenedores sin salir del lienzo. Su integraci\u00f3n con las bibliotecas de componentes permite aprovechar al m\u00e1ximo los recursos existentes en el proyecto. Aunque est\u00e1 en una fase inicial, ya permite lanzar una idea como aplicaci\u00f3n web funcional, si bien el c\u00f3digo generado a\u00fan presenta limitaciones en accesibilidad y sem\u00e1ntica.<\/p>\n

\"Figma<\/h2>\n

Art\u00edculo escrito por V\u00edctor Meneses y Sonia San Jos\u00e9<\/em><\/p>\n

 <\/p>\n

\u00bfConoc\u00edas las novedades de Figma? \u00bfTienes alguna favorita o que te llame la atenci\u00f3n? En hiberus<\/a>, nuestro equipo de Dise\u00f1o de Experiencias Digitales<\/a> utilizan Figma para llevar a cabo proyectos reales de clientes internacionales.\u00a0Nuestro equipo analizar\u00e1 tus necesidades y te asesorar\u00e1 en el desarrollo de tu proyecto digital. \u00a1Cont\u00e1ctanos y te ayudaremos!<\/p>\n

\n
\n
\n
\n

\u00bfQuieres m\u00e1s informaci\u00f3n sobre nuestros servicios de UX\/UI?<\/p>\n

Contacta con nuestro equipo de User Research, User Experience y User Interface<\/p>\n <\/div>\n

\n \n
\n

<\/p>

    <\/ul><\/div>\n
    \n
    \n<\/fieldset>\n
    \n\t
    \n\t\t
    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t

    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t

    \n\t\t
    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t

    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t

    \n\t\t
    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t

    \n\t\t
    \n\t\t\t