La tercera dimensión por fin llega a Figma: el plugin Vectary 3D

A Vectary se le suele llamar “Figma para diseño 3D”. Imagina lo increíble que sería poder manipular y colocar objetos 3D fotorrealistas en Figma con la vista y perspectiva que quieras. ¡Ese sueño se hace hoy realidad! Vectary trae elementos y mockups 3D personalizables e interactivos directamente a tu proceso de diseño.

Controla elementos 3D fotorrealistas en Figma con Vectary

El plugin Vectary 3D para Figma llega para añadir la tercera dimensión que les faltaba a tus diseños 2D. Define la perspectiva que quieras en el propio viewport 3D y colócala en la escena con un solo clic. El plugin te permite colocar elementos 3D predefinidos en tu diseño, cargar un objeto 3D personalizado o integrar tu diseño de Figma en mockups 3D predefinidos como dispositivos móviles, ordenadores o latas de refresco.

Crea sistemas de diseño 3D en Figma

De este modo, se puede crear todo un sistema de diseño 3D en Figma. Por ejemplo, si usas un elemento 3D como parte de tu identidad de marca o tienes un producto en 3D, solo tienes que crear un enlace en Vectary y dejar que tus diseñadores decidan qué perspectiva les funciona mejor durante el proceso creativo.

Cómo usar el plugin Vectary 3D para Figma

Para colocar tu diseño de Figma en mockups:

1. Abre el plugin Vectary 3D Elements en Figma.
2. Elige un mockup o elemento 3D
3. Selecciona tu marco de Figma.
4. Haz clic en el botón “Load frame” para sustituir el contenido existente por tu diseño (que podría ser la pantalla de un móvil, según el mockup seleccionado). Puedes personalizar cada parte del objeto en Material Settings.
5. Personaliza la perspectiva del mockup: haz clic izquierdo y arrastra para rotar el mockup, o haz scroll para hacer zoom.
6. Haz clic en “Export image” para añadir un render con fondo transparente a tu proyecto.

Para cargar cualquier objeto o elemento 3D personalizado

1. Abrir www.vectary.com, crea tu objeto 3D desde cero, importa un modelo 3D o usa millones de recursos de la biblioteca de Vectary.
2. Ve a la pestaña Publish y haz clic en “Generate”.
3. Vuelve a Figma y abre el plugin Vectary 3D.
4. Haz clic en la pestaña Projects e inicia sesión en tu cuenta de Vectary.
5. Personaliza la perspectiva del diseño 3D: haz clic izquierdo y arrastra para rotar el mockup, o haz scroll para hacer zoom.
6. Haz clic en “Export image” para añadir una captura de pantalla con fondo transparente a tu proyecto.

Consejo profesional: si quieres tener una textura reemplazable en tu propio modelo de Vectary en Figma, asigna el nombre “_switchable” al objeto y a su material antes de generar el Viewer en Vectary.

Nuestra galería de elementos y mockups 3D irá creciendo con el tiempo para ofrecerte una gran variedad de elementos y mockups 3D listos para usar.

Cuéntanos qué te gusta o qué echas de menos del plugin de Vectary para Figma, solo tienes que escribirnos un mensaje, estamos deseando conocer tu opinión.