Cómo crear un portafolio web con IA

Antes de diseñar, decide la estructura de tu portafolio. La mayoría necesita solo estas secciones:

• Inicio / Hero: tu nombre, tu especialidad en una oración y un botón de contacto.
• Proyectos: 3 a 6 trabajos seleccionados, con imagen, título y descripción breve.
• Sobre mí: un párrafo sobre quién eres, qué haces y para quién.
• Contacto: email, formulario o links a LinkedIn y redes.

Las secciones opcionales según tu perfil:

• Servicios: si ofreces servicios freelance y quieres dejar claro qué haces.
• Testimonios: si tienes clientes que te han dado retroalimentación positiva.
• Blog: solo si publicas con regularidad (no lo pongas si va a quedar vacío).

Usa Claude para ordenar tus ideas antes de diseñar. Abre claude.ai y escribe algo así:

Soy [describe tu profesión o especialidad].
Tengo estos proyectos para mostrar: [lista los proyectos con una oración cada uno].
Mi objetivo con el portafolio es [conseguir trabajo freelance / postular a empleos / mostrar mi trabajo a clientes].

¿Cuáles de estos proyectos recomendarías incluir y en qué orden? ¿Qué secciones necesito?

Claude te va a ayudar a priorizar y a decidir qué dejar fuera.

Framer es el mejor constructor de portafolios con IA en 2026 para resultados visuales de calidad sin saber diseño. El plan gratuito te deja publicar y ver cómo queda; solo necesitas Framer Basic ($10/mes) si quieres dominio propio. Confirma los planes actuales en framer.com/pricing antes de suscribirte.

Pasos para crear tu portafolio con Framer AI:

1. Ve a framer.com y crea una cuenta con tu email o con Google.
2. Haz clic en “New Project” y selecciona “AI” en el panel de creación.
3. Describe tu portafolio en el chat de IA. Sé específico:

Create a minimal portfolio for a UX designer / photographer / web developer / [tu especialidad].
I need sections for: Hero (name + specialty), Projects (6 cards with image and description),
About Me, and Contact.
Color palette: [ej.: dark background with purple and white accents / light minimal with black text].
Typography: modern and clean.

4. Framer AI genera el diseño completo en segundos. Revisa el resultado.
5. Para cambiar cualquier elemento, haz clic sobre él y edítalo: cambia el texto, arrastra la imagen, ajusta el color en el panel derecho.
6. Para agregar tus proyectos reales: haz clic en la tarjeta de proyecto, reemplaza la imagen de ejemplo con la tuya (arrastra o haz clic en el ícono de imagen) y reemplaza el texto de ejemplo con el título y descripción de tu proyecto.

Consejo: si el primer diseño generado no te convence, escríbele a la IA de Framer algo más específico o regenera con instrucciones distintas. También puedes explorar sus plantillas de portafolio en la galería y editarlas con IA.

Los textos del portafolio (el hero, el sobre mí, las descripciones de proyecto) son lo que convierte visitantes en contactos. La IA los puede generar en minutos si le das suficiente contexto.

Texto del hero (tu presentación en una oración):

Necesito un texto de presentación para el hero de mi portafolio web.
Soy [describe tu especialidad] y trabajo con [describe tu tipo de cliente o industria].
Lo que me diferencia es [algo específico que te hace único: estilo, enfoque, resultados].

Escribe 3 opciones distintas, cada una en máximo 15 palabras, en [español / inglés].
Tono: [profesional y directo / creativo y personal / minimalista].

Descripción de proyecto:

Describe este proyecto para mi portafolio:
Nombre: [nombre del proyecto]
Qué hice: [describe brevemente el trabajo que realizaste]
Para quién: [cliente, empresa o tipo de usuario]
Resultado o impacto: [si tienes algún dato o resultado concreto]

Escribe una descripción de 2 a 3 oraciones en [español / inglés]. Tono: conciso y orientado a resultados.

Sección “Sobre mí”:

Escribe un párrafo de "Sobre mí" para mi portafolio web.
Soy [describe quién eres y qué haces].
Mi experiencia incluye: [menciona brevemente los proyectos o empresas más relevantes].
Trabajo con [describe tu cliente ideal o el tipo de proyectos que buscas].

Máximo 80 palabras, en [español / inglés]. Tono: cercano pero profesional.

Revisa los textos generados y personaliza con un dato o frase que sea solo tuyo: un proyecto especial, una filosofía de trabajo, algo que la IA no podría inventar.

Con el diseño y los textos listos, publicar en Framer tarda menos de 5 minutos.

Opción A: publicar gratis (subdominio .framer.app):

1. En Framer, haz clic en el botón “Publish” (arriba a la derecha).
2. Framer te asigna una URL tipo tunombre.framer.app.
3. Eso es todo: ya está publicado. Puedes compartir ese link de inmediato.

El plan gratuito muestra el branding de Framer en tu sitio. Para proyectos personales o cuando estás explorando, esto está bien.

Opción B: publicar con dominio propio (Framer Basic, $10/mes):

1. Contrata el plan Basic en framer.com/pricing (confirma el precio actual antes de suscribirte).
2. Compra un dominio si no tienes uno: puedes hacerlo en Namecheap, Google Domains o Cloudflare Registrar (aproximadamente $10 a $15 al año, el precio varía).
3. En Framer, ve a “Publish” > “Custom Domain” y sigue las instrucciones para conectar tu dominio con los registros DNS que Framer indica.
4. Haz clic en “Publish” con tu dominio conectado.

Para saber cómo conectar un dominio propio paso a paso, mira el tutorial Conecta tu dominio propio a tu sitio.

Checklist antes de compartir tu portafolio:

• El nombre y especialidad en el hero son claros
• Las imágenes de proyectos cargan bien (nada roto)
• El link de contacto funciona (email o formulario)
• El portafolio se ve bien en el móvil (activa la vista mobile en Framer para verificar)
• Quitaste el texto de ejemplo que Framer genera por defecto

Problema	Solución
Framer AI genera un diseño que no me gusta	Dale instrucciones más específicas en el chat: estilo visual, paleta de colores, referencia de un sitio que te guste. También puedes elegir una plantilla de portafolio de su galería y editarla
Las imágenes de proyectos se ven pixeladas	Sube imágenes en alta resolución (mínimo 1200 px de ancho). Framer las optimiza al publicar
El dominio no conecta correctamente	Espera 24 a 48 horas: los cambios DNS tardan en propagarse. Si después de ese tiempo no funciona, revisa que los registros DNS (CNAME o A record) sean exactamente los que Framer indica
No sé qué proyectos incluir porque estoy empezando	Crea 2 a 3 proyectos de práctica o conceptuales sobre temas de tu área: un rediseño de una app conocida, un análisis de datos con datos públicos, una web ficticia para un negocio. Preséntalo como “proyecto de práctica” con contexto
El texto del hero suena genérico aunque lo generó la IA	Pídele a Claude que lo reescriba incluyendo un dato específico tuyo: el sector en el que más has trabajado, el tipo de resultado que entregas, o algo concreto que te diferencie
Quiero más control técnico que el que da Framer	Usa Claude Code para crear el portafolio como sitio estático y publícalo en Vercel (mira el tutorial Publica tu web gratis en Vercel)