Sitios web con IA

Creá sitios web con IA. En código o sin él.

Hoy un sitio se hace de dos maneras: sin código en una herramienta como Framer, o en código con un asistente escribiendo a tu lado. En el campus aprendés las dos, en español y sobre proyectos reales.

+222 miembros en el campus hoy

Construir

Dos formas de hacer un sitio. La IA guiando las dos.

No-code cuando querés publicar rápido y sin programar. Código cuando el cliente necesita algo que una herramienta no trae. En el campus aprendés los dos y, sobre todo, cuándo conviene cada uno.

No-code01 / 02
92 × 28

Framer

Diseñás y publicás desde la misma herramienta, sin escribir una línea. El camino más corto de una idea a un sitio en vivo.

  • Componentes, variantes y CMS
  • Animaciones y formularios
  • Responsive, performance y SEO
  • La IA conectada a Framer para acelerar el armado
El camino Framer
Código02 / 02

Cualquier lenguaje

Cuando el proyecto pide algo a medida, lo escribís con un asistente al lado. Vos dirigís; la IA teclea.

  • Claude Code sobre un proyecto real: este campus
  • Entorno, depuración y testeo
  • Skills y prompts que comparte la comunidad
  • Librerías y componentes para no partir de cero
IA en los dos

La inteligencia artificial no reemplaza el criterio, lo acelera. Por cualquiera de los dos caminos aprendés a pedirle bien, a revisar lo que devuelve y a entregar algo por lo que un cliente paga.

Qué hay adentro

Clases, un proyecto real y una biblioteca que crece.

Lo que vas a encontrar hoy sobre trabajar con IA, con el nombre que tiene dentro del campus.

01

Claude Code, desde la instalación

Qué es un asistente de código, cómo se prepara el entorno y cómo se le pide trabajo. Pensado para alguien que viene del diseño y nunca abrió una terminal.

Claude CodeTerminalEntorno
✓
Qué es Claude Code
✓
Qué IAs uso en mi día a día
✓
Comandos de voz: usar la IA sin escribir
✓
Claude en Chrome
02

Un proyecto real: la plataforma del campus

El campus que vas a usar está hecho en código con IA. Las clases muestran cómo se armó: de la idea al proyecto creado, y de ahí a depurarlo y probarlo.

Proyecto realDepuraciónTesteo
✓
Creando el proyecto: Plataforma AWC
✓
Configurando el entorno
✓
Depuración y testeo de la app
03

La IA dentro del flujo de diseño

Antes del código está el diseño, y ahí también ayuda: bocetar pantallas, pasar de una captura a un diseño editable y conectar el asistente con Framer.

FramerFigmaStitch
✓
Claude × Framer
✓
Qué es Google Stitch
✓
Armando pantallas de Figma en Stitch
04

Imágenes y assets generados

Fotos, ilustraciones y objetos 3D que mantienen un estilo de una pieza a la otra, para no depender de un banco de imágenes.

Midjourney3DAssets
✓
Guía de Midjourney con parámetros
✓
Assets 3D consistentes con IA
✓
Fotos realistas con tu cara
05

Skills, prompts y librerías

Una biblioteca que crece con lo que comparte la comunidad: instrucciones listas para darle al asistente, y componentes y librerías para no partir de cero.

SkillsPromptsReact
✓
Skill: animación de texto
✓
Skill: seguridad para tu proyecto
✓
Design.md para que respete tu sistema
✓
Librerías de componentes y gráficos
Comparación

No-code o código: cuándo conviene cada uno.

No es una pelea entre herramientas. Es elegir según el proyecto, y la mayoría de los freelancers termina usando las dos.

CriterioNo-codeFramerCódigoCon IA
Conviene cuandoUn sitio de marketing, una landing, un portfolio o un blogUn producto, una app o un sitio con lógica propia
Quién lo edita despuésEl cliente, desde un editor visualVos o un equipo técnico, con el asistente
Tiempo hasta publicarDíasDe días a semanas, según el alcance
LímiteLo que la herramienta permiteLo que sepas pedir y revisar
Qué necesitás saberDiseño y la herramientaDiseño, criterio para revisar y lo básico del entorno
Papel de la IAAcelera el armado y el contenidoEscribe el código; vos dirigís y revisás
Cómo se trabaja

La IA acelera. El criterio sigue siendo tuyo.

01

Vos dirigís

La IA teclea rápido, pero no sabe qué quiere el cliente ni qué se ve bien. El diseño y las decisiones siguen siendo tuyos.

02

Pedir bien es el oficio

Un pedido con contexto —el sistema de diseño, el objetivo, las restricciones— devuelve algo usable. Uno vago devuelve una plantilla.

03

Nada se entrega sin revisar

Leer lo que devolvió, probarlo y cuidar la seguridad es la parte que separa un proyecto de un experimento.

04

Que se pueda mantener

Un sitio que solo funciona hoy no es un entregable. La vara es dejarlo en un estado que vos, u otro, pueda seguir.

FAQ

Sobre hacer sitios con IA, respuestas directas.

¿Se puede crear un sitio web con IA sin saber programar?

Sí, de dos maneras. Sin código: en Framer diseñás y publicás desde la misma herramienta, y la IA acelera el armado. En código: un asistente como Claude Code escribe el código mientras vos le decís qué hacer y revisás el resultado. Para la segunda no hace falta saber programar de antemano, pero sí aprender a pedir bien y a revisar lo que devuelve.

¿Qué herramientas de IA se usan en el campus?

Para código, sobre todo Claude Code. Para el flujo de diseño, Claude conectado a Framer y a Chrome, y Google Stitch para bocetar pantallas. Para imágenes y assets, Midjourney y generación 3D. Las herramientas cambian rápido, así que las clases se apoyan en el criterio —qué pedir y cómo revisarlo— más que en un botón concreto.

¿Framer o código: cuál me conviene?

Depende del proyecto, no de una preferencia. Para un sitio de marketing, una landing o un portfolio que el cliente quiere editar, Framer es más rápido y más fácil de mantener. Para un producto con lógica propia, integraciones o algo que ninguna herramienta trae, código. La mayoría de los freelancers termina usando los dos según el cliente.

¿Es un curso de programación?

No. No es una carrera ni un bootcamp de programación tradicional: no vas a estudiar algoritmos ni un lenguaje de memoria. Es aprender a construir sitios reales dirigiendo a una IA, con lo necesario del entorno para no depender de la suerte. Hoy la mayor parte del video del campus es de Framer; el contenido de código con IA es el más nuevo y se sigue sumando.

¿Qué es el “vibe coding”? ¿Lo enseñan?

Es hacer software describiéndole a una IA lo que querés en lugar de escribir cada línea. En el campus se trabaja así, con una diferencia: no se entrega nada sin leerlo, probarlo y revisar la seguridad. Sin esa parte funciona para un prototipo y falla con un cliente.

¿La IA va a reemplazar a los diseñadores web?

Reemplaza tareas, no el oficio. Armar una sección o escribir un componente dejó de ser lo que se cobra; entender el negocio del cliente, decidir qué va y qué no, y hacerse cargo del resultado sigue siendo trabajo de una persona. Quien aprende a dirigir la herramienta hace más proyectos, no menos.

¿Cuánto cuesta?

La cuenta gratuita no pide tarjeta e incluye los módulos abiertos. Los planes pagos arrancan en $14.99 al mes y se cancelan cuando quieras.

Precio

Empezá gratis. Pagá cuando quieras ir más lejos.

La cuenta gratuita no pide tarjeta y no vence. Los planes pagos son mensuales y se cancelan cuando quieras.

Free

$0para siempre

  • Curso Framer de 0 a 100: 47 clases
  • Acceso a contenido gratuito
  • Hasta 3 publicaciones en la comunidad
  • Comentar y dar likes
  • Guardar favoritos
Empezar gratis

Pro

Recomendado

$14.99por mes

  • Todo lo del plan Free
  • Todos los cursos Pro
  • Recursos del plan Pro
  • Bolsa de trabajo
  • Publicar en la comunidad sin límite
  • Contenido nuevo que se suma al campus
Empezar Pro

MAX

$29.99por mes

  • Todo lo del plan Pro
  • Todos los cursos MAX
  • Cursos de negocio: clientes y Contra
  • Curso de Figma
  • Comunidad privada MAX
Empezar MAX

Sin importar cuándo leas esto, este es el precio más bajo que vas a encontrar: sube cada cierta cantidad de miembros nuevos.

Empezar

Empezá hoy. La cuenta es gratis.

Sin tarjeta y sin vencimiento. Recorré los módulos abiertos y pasate a un plan pago cuando quieras ir más lejos.