@media (max-width: 1100px) { .ai-website-builder-document .site-chrome [data-nav-primary], .ai-website-builder-document .site-chrome [data-nav-toggle] { display: none !important; } .ai-website-builder-document .site-chrome .nav-inner { grid-template-columns: minmax(0, 1fr) auto; } .ai-website-builder-document .site-chrome .nav-inner > .brand { order: 1; justify-self: start; } .ai-website-builder-document .site-chrome .nav-inner > .nav-side { order: 2; justify-self: end; } }

Creador de sitios web de portafolioOpenDesign

Creador de sitios web con IA para portafolios

Tu trabajo debe marcar el ritmo. Añade a OpenDesign los proyectos seleccionados y sus imágenes, elige un sistema visual y genera una propuesta para tu portafolio. Ajusta el tamaño de las imágenes, la tipografía y el espaciado en la vista previa HTML; después, compara la galería de escritorio con la secuencia para móviles.

Descargar OpenDesign Ver el ejemplo de sitio web

Interfaz de marca · Archivos reales · Continúa con tu agente de programación

Propuesta ilustrativa de un sitio web de escritorio para el flujo de trabajo de creación de portafolios web con IA en OpenDesign. — Cuadrícula editorial · Páginas de proyectos · Imágenes adaptables

01Jerarquía basada en los proyectosDeja que los proyectos seleccionados marquen el ritmo antes de presentar la biografía, los servicios o los datos de contacto.

02Tratamiento editorial de las imágenesConserva las proporciones y la secuencia de las imágenes en lugar de recortar cada proyecto para que tenga el mismo formato de tarjeta.

03Páginas de proyectos reutilizablesMantén la coherencia de títulos, pies de foto, créditos, galerías y proyectos relacionados.

04Contacto claro y contextualizadoExplica qué tipo de trabajo buscas y ofrece a los visitantes una forma directa y fiable de contactar contigo.

Ejemplo de sitio web de portafolio

Deja que el trabajo destaque sin que todos los proyectos parezcan iguales.

Un buen portafolio necesita un ritmo editorial, proporciones de imagen flexibles y contexto suficiente para entender las decisiones detrás del trabajo.

Sitio web de portafolio creativo

Una composición de portafolio que da cabida a distintos tipos de trabajo.

Este portafolio ilustrativo combina un proyecto destacado con otros más discretos para crear una jerarquía visual. Los controles de edición HTML de OpenDesign facilitan los ajustes que requiere esta composición: dimensiones de las imágenes, tipografía de los pies de foto, interlineado y espaciado de la galería. Para cambios más amplios en la secuencia, puedes enviar comentarios señalados al agente.

Un proyecto principal destacado en lugar de una cuadrícula uniforme de miniaturas
Módulos editoriales flexibles para imágenes, funciones, resultados y notas breves
Un sistema adaptable que mantiene el trabajo legible en distintos tamaños de pantalla

Cuadrícula editorialSistema de proyectosPortafolio editable

Concepto ilustrativo de sitio web: un portafolio creativo completo para escritorio, con un proyecto destacado, casos de estudio complementarios, imágenes de distintas proporciones y contexto editorial para cada proyecto. — Diseño ilustrativo · No es un proyecto de cliente1672 × 941 · 16:9

Organiza la secuencia

Un portafolio se edita antes de diseñarse.

Añade tus propios proyectos y ajusta sus encuadres, tipografía y secuencia en el portafolio en desarrollo, en lugar de conformarte con una galería predeterminada.

Decisión sobre el portafolioAcción en OpenDesignRevisión

Dirección visual

Elige o crea el sistema de diseño

El estilo acompaña al trabajo

Encuadres de imagen

Ajusta las dimensiones y el espaciado

Los detalles importantes siguen visibles

Contexto del proyecto

Edita pies de foto, créditos y tipografía

La contribución se entiende con claridad

Secuencia de lectura

Envía comentarios señalados y compara distintos anchos

La jerarquía se mantiene en la vista para móviles

Sistema de portafolio

Ajusta los detalles con un creador de portafolios web con IA.

Los proyectos de distintas extensiones pueden compartir un mismo sistema editorial sin convertirse en tarjetas idénticas.

Un índice de trabajos seleccionado

Define una jerarquía entre los proyectos destacados y los complementarios, en lugar de darles a todos la misma importancia.

Plantillas para contar cada proyecto

Usa secciones flexibles para presentar el resumen, el proceso, la galería, los resultados, los créditos y el siguiente proyecto relacionado.

Una vía hacia «Acerca de» y «Contacto»

Relaciona el trabajo con una perspectiva concisa, credenciales seleccionadas, tu disponibilidad y un siguiente paso claro.

La diferencia de OpenDesign

Diseñado en torno a tu trabajo, no a una plantilla de portafolio.

La calidad de un portafolio suele depender de pequeñas decisiones: el tamaño de una imagen, el espacio alrededor de un pie de foto o el orden de los proyectos. OpenDesign te permite combinar una propuesta editorial generada con ajustes visuales directos, en lugar de aceptar la primera disposición de la galería.

Codex — **index.htmlstyles.csscomponents/**

Claude Code — **index.htmlstyles.csscomponents/**

Ajusta el tratamiento de las imágenes

Modifica las dimensiones de las imágenes HTML compatibles, sus fuentes y el espaciado alrededor; después, revisa la composición real en lugar de una plantilla de miniaturas.

Una tipografía que encaja con el trabajo

Usa el editor visual para ajustar la fuente, el tamaño, el interlineado y el espaciado entre letras de los elementos de texto editables.

Comentarios sobre una sección concreta del proyecto

Señala la galería o la sección del caso de estudio que necesita otro ritmo y envía el cambio solicitado al agente.

Un portafolio para cualquier tamaño de pantalla

Compara la misma página en desarrollo en tamaños de escritorio, tableta y móvil antes de dar por terminada la secuencia de proyectos.

Flujo de selección

Selecciona → Ordena → Encuadra → Sigue actualizando.

El creador ayuda a presentar el trabajo, pero no inventa los proyectos, las funciones, los resultados ni los permisos.

1
Selecciona los proyectos
Elige proyectos que reflejen el tipo de trabajo, los clientes o el puesto que buscas a continuación.
2
Elige el sistema visual
Selecciona un sistema de diseño o crea uno a partir de tus referencias. Añade las imágenes, los pies de foto, los créditos y las proporciones deseadas para cada proyecto.
3
Genera el sistema del portafolio
Crea en una única interfaz adaptable el índice de trabajos, los componentes para las páginas de proyectos, la página «Acerca de» y la vía de contacto.
4
Ajusta los encuadres y la secuencia
Selecciona imágenes y textos HTML editables para ajustar las fuentes, el tamaño, la tipografía y el espaciado. Pide al agente cambios más amplios en la secuencia y comprueba las vistas previas de escritorio y móvil.

Una revisión concreta para probar

Mantén el orden de los proyectos seleccionados. Conserva las proporciones de imagen previstas, coloca los créditos junto a cada proyecto y ajusta la secuencia para móviles para que cada pie de foto acompañe a la imagen correcta.

Alcance · Creador de portafolios web con IA

Diseña la presentación. Añade tus propios proyectos y créditos.

Las imágenes de los proyectos y los resultados publicados requieren tu aprobación. Un diseño de portafolio generado no determina la autoría ni los permisos, ni proporciona un flujo de trabajo de gestión de contenidos.

Lo que recibirás para tu sitio web

Un índice de trabajos seleccionado
Plantillas para contar cada proyecto
Una vía hacia «Acerca de» y «Contacto»

Servicios y responsabilidades separados

Derechos o procedencia de las imágenes
Datos automáticos para casos de estudio
Un CMS gestionado
Alojamiento y registro del dominio

Eres responsable de la exactitud de la información de los proyectos, los permisos de uso de las imágenes, los créditos, la confidencialidad y la configuración final para producción. OpenDesign proporciona la capa de presentación editable.

Preguntas frecuentes sobre el creador de portafolios web con IA

Preguntas sobre trabajo, imágenes y derechos en el creador de portafolios web con IA.

Proporciones de imagen, diseños específicos para cada proyecto, edición visual y cómo mantener el portafolio actualizado.

¿Puede la IA crear un sitio web de portafolio profesional?

Puede crear una estructura adaptable sólida y una propuesta visual si aportas proyectos reales, imágenes, pies de foto y objetivos. La calidad de la selección y la veracidad de las historias de los proyectos siguen dependiendo de ti.

¿Puede cada proyecto tener un diseño diferente?

Los proyectos pueden variar en extensión, ritmo de las imágenes y contenido, y compartir al mismo tiempo la navegación, la tipografía, el espaciado, los créditos y los componentes de proyectos relacionados.

¿Cómo ajusto la disposición de las imágenes?

Indica en las instrucciones las proporciones de imagen deseadas y revisa los encuadres generados. En la vista previa HTML, ajusta las dimensiones, las fuentes de las imágenes y el espaciado; si quieres cambiar la estructura de la galería, señala la sección y pide al agente que la modifique. Comprueba el recorte final en tamaños de escritorio y móvil.

¿Puedo añadir proyectos más adelante?

Sí. Conserva la estructura de proyectos reutilizable y los archivos del frontend, y amplíalos a medida que crezca el portafolio. Un CMS para producción es opcional y se configura por separado.

¿OpenDesign proporciona imágenes para el portafolio o resultados de casos de estudio?

No. Usa trabajos propios o que tengas permiso para publicar, y proporciona funciones, créditos y resultados precisos.

Empieza a crear

Crea un portafolio que refleje tu trabajo.

Empieza con proyectos reales, define la secuencia y mantén el frontend listo para todo lo que crees después.

Descargar OpenDesign

Gratis y de código abierto · Sin dependencia de un proveedor · Compatible con tu agente de programación

Frontend del portafolio web con IA conectado a archivos editables, componentes reutilizables y la posibilidad de continuar con un agente de programación.

Listo para seguir editandoFrontend del creador de portafolios web con IA generadoHTML · CSS · JavaScript · Componentes