Cómo hacer tu Portfolio con Figma + Make (Tutorial 2026 Paso a Paso) 🚀

¡El portfolio que te conseguirá trabajo este año se hace así! 🚀

En este tutorial de Figma Make, te enseño el flujo de trabajo definitivo para 2026: pasar de la inspiración a una web publicada y funcional en tiempo récord. Olvídate de solo diseñar "imágenes estáticas"; hoy vamos a crear un sitio real, con animaciones, responsive y dominio propio, todo potenciado por Inteligencia Artificial.

Veremos cómo usar referencias de sitios top (Awwwards, Dribbble), clonar estructuras visuales y pedirle a la IA que construya el código por nosotros. Además, te muestro cómo personalizarlo al detalle y publicarlo gratis.

🔥 Lo que aprenderás en este video:
✅ Inspiración Inteligente: Cómo usar GoFullPage para extraer estructuras de sitios ganadores.
✅ Prompting en Figma Make: Cómo pedirle a la IA que maquete tu sitio completo.
✅ Personalización: Editar textos, imágenes y hacer cambios en el código sin miedo.
✅ Animaciones Pro: Integración básica con GSAP para efectos "wow".
✅ Publicación: Cómo conectar tu dominio y dejar tu portfolio en línea hoy mismo.

👇 ÍNDICE DEL VIDEO:
0:00 - Intro: El nuevo estándar de Portfolios en 2026
0:45 - Buscando inspiración (Squarespace, Webflow, Dribbble)
2:10 - Hack: Usando la extensión "Go Full Page"
3:30 - Creando la estructura con IA en Figma Make
5:50 - Personalizando el contenido y Responsive Design
8:20 - Edición avanzada: Modificando el código manualmente
10:15 - Truco: Switcher de Idiomas (Inglés/Español)
12:40 - Agregando animaciones nivel experto con GSAP
16:30 - Publicando tu sitio (Dominio y SEO básico)
19:00 - Modelos de IA (Gemini 3 Pro) y Bases de datos
21:00 - Resultado final y despedida

🛠️ HERRAMIENTAS Y RECURSOS MENCIONADOS:

Figma Make: https://www.figma.com/make/

Extension GoFullPage: https://chromewebstore.google.com/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl

GSAP (Animaciones): https://gsap.com/

Inspiración: Squarespace, Webflow, Framer, Dribbble.

👨‍💻 SOBRE MÍ:
Soy Jonathan Pacheco, Ingeniero de Sistemas y Senior Product Designer (+8 años exp). 👋
En este canal te ayudo a fusionar el diseño con la tecnología para que trabajes de forma más inteligente, no más dura.

📲 SÍGUEME PARA MÁS:
Instagram: @ux.jonathan
LinkedIn: https://www.linkedin.com/in/jonathan-pacheco/
TikTok: @ux.jonathan

#FigmaMake #PortfolioDesign #WebDesign2026 #UXUI #NoCode #GSAP #TutorialFigma #DiseñoWeb #InteligenciaArtificial #Gemini3

Видео Cómo hacer tu Portfolio con Figma + Make (Tutorial 2026 Paso a Paso) 🚀 канала Jonathan Pacheco