Cómo hacer un portfolio con IA en Framer (paso a paso)

Un buen portfolio puede cambiar tu carrera. En este tutorial montamos uno desde cero en Framer, usando su IA para acelerar el proceso sin sacrificar personalidad, rendimiento ni SEO básico.

Paso 1: estructura y contenido

Un portfolio efectivo tiene 4 secciones: hero con propuesta de valor, 3-6 proyectos destacados, sobre ti y contacto. Ni más ni menos. Reúne screenshots, textos y enlaces antes de abrir Framer.

Paso 2: generar el borrador con Framer AI

En el panel de IA describe: "portfolio de diseñador UI, estilo minimalista dark, con secciones hero, 4 casos de estudio, sobre mí y formulario". En 30 segundos tendrás una base editable. Añade también tu especialidad y el tipo de clientes que buscas para que el texto inicial tenga mejores palabras clave.

Paso 3: personaliza tipografía y color

Los detalles importan. Cambia la tipografía a algo con carácter (Inter y Manrope están sobreexpuestas). Elige una paleta de 3 colores máximo y aplícala consistentemente.

Paso 4: publica y optimiza SEO

Antes de publicar, revisa metadatos, alt text de imágenes, velocidad móvil y el archivo sitemap.xml (Framer lo genera solo). Conecta tu dominio y da de alta la web en Google Search Console para que Google descubra tu portfolio con IA cuanto antes.

Consejo final

Framer AI acelera el arranque, pero la diferencia está en editar el contenido con ejemplos reales de proyectos, resultados medibles y llamadas a la acción claras. Un portfolio bonito sin casos concretos posiciona peor y convierte menos.