← Todos los workshopsProgramaPreciosReservar plaza →
Workshop intensivo · 2 días

Vibe Coding
en Framer

en colaboración con Framer · sin código · para no técnicos

Diseña y publica webs con IA en Framer sin tocar una sola línea de código. Del briefing al sitio publicado en 2 días.

16 horas · 2 días intensivos
Barcelona · presencial
Grupos de máx. 16 personas
Certificado oficial Partners Academy
Próximas fechas
Vibe Coding en Framer
5 plazas
📅  10 – 11 de Mayo, 2026
Sáb y Dom · 9:00 – 18:00 · Barcelona
MR
Marc Ribas
Framer Expert · ex-Typeform
¡Últimas 5 plazas!
Vibe Coding en Framer
Online
📅  14 – 15 de Junio, 2026
Sáb y Dom · 9:00 – 18:00 · Zoom
MR
Marc Ribas
Framer Expert · ex-Typeform
12 plazas libres
Reservar plaza →
El taller

Diseña webs con IA
sin escribir código.

El vibe coding no es solo una tendencia — es una nueva forma de crear. En este workshop intensivo de 2 días aprenderás a usar Framer con IA para pasar de idea a web publicada sin necesidad de saber programar.

El programa fue diseñado por Marc Ribas, Framer Expert certificado y ex-diseñador en Typeform, junto con el equipo de Partners Academy. Combina metodología práctica con casos reales de empresas barcelonesas.

No es un curso de diseño al uso. Saldrás con tu web publicada, un sistema de componentes reutilizables y el workflow exacto para iterar en horas, no semanas.

Aprende desde el primer prompt
Usamos IA para generar layouts, contenido y componentes desde cero. Sin plantillas genéricas.
🎯
Grupos reducidos, feedback real
Máximo 16 personas por edición. Cada participante recibe revisión directa del instructor en sus proyectos.
🚀
Publicas el domingo
El objetivo del taller es que salgas con tu web en vivo. No mockups, no prototipos — URL real.
🔁
Acceso de por vida a materiales
Templates, grabaciones, prompt packs y actualizaciones del curso sin límite de tiempo.
Lo que aprenderás

6 habilidades que cambiarán
cómo construyes en la web.

Diseña en Framer con IA

Genera layouts completos desde un prompt. Desde la estructura hasta los colores y tipografía.

Componentes inteligentes

Crea sistemas de diseño reutilizables con variables, variantes y lógica condicional sin código.

Contenido generado con IA

Usa Claude y ChatGPT directamente dentro del flujo de Framer para textos, imágenes y datos.

Animaciones sin código

Transiciones, scroll effects y micro-interacciones que se sienten premium con configuración visual.

Publicar y optimizar

SEO, dominio propio, rendimiento y analytics. Todo desde Framer, todo sin tocar código.

Workflow de iteración rápida

El ciclo build → feedback → mejora en horas. Para que tus clientes o stakeholders vean cambios en tiempo real.

Programa

Dos días.
Ocho bloques.

📅 2 días ⏱ 16 horas 🧩 8 módulos
Qué es el vibe coding y por qué cambia cómo construimos webs
Tour completo por Framer: canvas, capas, componentes y CMS
Setup del entorno: Framer + Claude + Figma (opcional)
Tu primer prompt → primera sección web en vivo
Prompt engineering para diseño: cómo pedir exactamente lo que quieres
Generación de paletas de color, sistemas tipográficos y espaciado con IA
Importar y adaptar layouts generados externamente
Ejercicio práctico: landing page completa en 45 minutos
Variables y tokens de diseño: build once, use everywhere
Componentes con variantes: botones, cards, formularios
Librería de componentes propia: tu kit de construcción
Workshop: construye y documenta tu sistema de diseño en Framer
Generación de copy con Claude: headlines, CTAs, descripciones
Imágenes con Midjourney y Adobe Firefly integradas en Framer
CMS de Framer: páginas dinámicas sin backend
Conectar con Airtable y Notion como fuente de datos
Transiciones de página y animaciones de entrada
Scroll effects: parallax, fade, pin y reveal con visual controls
Hover states y micro-interacciones en componentes
Cuándo usar animación y cuándo no: criterios de UX
Breakpoints en Framer: desktop, tablet y móvil en minutos
Stacks y auto-layout para diseños que fluyen solos
Contraste, legibilidad y WCAG básico con IA
Testing en dispositivos reales antes de publicar
Publicación en Framer Hosting: dominio, SSL y CDN
SEO on-page con IA: metadatos, estructura y schema
Core Web Vitals: optimización de imágenes y carga
Analytics: Google Analytics y Framer Analytics integrados
Sesión de build asistida: cada participante termina su web
Review grupal y feedback del instructor en tiempo real
Publicación en vivo de todos los proyectos
Entrega de certificados y próximos pasos
A quién va dirigido

¿Es este taller
para ti?

Este taller es para ti si…

Diseñadores y creativos
Que quieren publicar sus diseños sin depender de un desarrollador y acelerar su workflow.
Marketers y content managers
Que necesitan crear o actualizar landing pages rápido, sin esperar al equipo técnico.
Freelancers y consultores
Que quieren ampliar su oferta de servicios y entregar webs profesionales a sus clientes.
Fundadores y emprendedores
Que necesitan una web que de verdad convierta y que puedan actualizar solos, sin coste.
📋

Requisitos y condiciones

No es para todo el mundo
Si buscas un curso de programación o desarrollo web clásico, este no es tu taller.
Sin requisitos técnicos
No necesitas saber HTML, CSS ni JavaScript. Solo ganas de crear y curiosidad por la IA.
Trae tu proyecto real
El taller funciona mejor si tienes un proyecto concreto en mente: portfolio, web de empresa, landing de producto.
Material necesario
Laptop con Framer gratuito instalado. El día 1 te guiamos con el setup completo.
¿No sabes si es para ti? Escríbenos
Qué incluye

Todo lo que necesitas
incluido en el precio.

16h de formación presencial en grupos reducidos con el instructor
Grabaciones completas de todas las sesiones — acceso permanente
Prompt Pack de Framer — 50+ prompts curados para cada caso de uso Exclusivo
Kit de componentes Framer listos para usar en tus proyectos
Feedback en directo del instructor sobre tu proyecto real
Acceso a la comunidad privada de alumnos en Slack — soporte 2 semanas post-taller
Certificado digital oficial de Partners Academy
Café, almuerzo y material físico ambos días (edición presencial)
Herramientas que usarás
Framer
Editor principal. Diseño, publicación y CMS en uno.
Incluido gratis
Claude
IA de Anthropic para textos, estructura y lógica.
Cuenta gratuita
Midjourney
Generación de imágenes para hero, ilustraciones y assets.
Plan básico
Airtable
Base de datos visual para el CMS dinámico de Framer.
Tier gratuito
Todas las herramientas tienen plan gratuito suficiente para el taller. No hay coste adicional oculto.
El instructor
MR
Instructor

Marc Ribas

Framer Expert certificado · ex-Diseñador en Typeform
+400
alumnos formados
6 años
diseñando con Framer
98%
satisfacción media

Marc es diseñador y educator especializado en Framer y diseño sin código. Durante 5 años formó parte del equipo de diseño de Typeform, donde lideró la creación de su sistema de componentes y contribuyó a la identidad visual del producto.

Desde 2022 imparte formación en Framer a equipos de startups y agencias en Barcelona y online. Ha formado a más de 400 profesionales y es uno de los Framer Experts oficiales en España. Sus talleres combinan metodología práctica con casos reales — sin teoría vacía.

Experiencia destacada: Typeform 🏅 Framer Expert certificado 🎓 +400 alumnos
🏭
💡
El lugar

MOB Bailèn

Coworking · Eixample, Barcelona
📍 C/ de Bailèn 11, bajos · 08010 Barcelona

Los talleres de Partners Academy tienen lugar en MOB Bailèn, uno de los espacios de coworking más reconocidos de Barcelona. Una fábrica textil rehabilitada en pleno Eixample, con luz natural, ambiente creativo y todo lo que necesitas para dos días de trabajo intenso y agradable.

Sala exclusiva para el grupo con proyector y pantalla 4K
WiFi de alta velocidad (500 Mbps simétricos)
Café, agua y snacks incluidos durante todo el taller
Almuerzo en el restaurante del espacio ambos días
A 5 min a pie del metro Girona (L4) y Passeig de Gràcia (L2/L3)
Acceso a todas las zonas comunes de MOB Bailèn
Ver en el mapa
Nuestros aliados y partners
Framer
MOB Coworking
Barcelonactiva
Claude · Anthropic
Figma
Midjourney
Airtable
Typeform
Make.com
ESADE
Framer
MOB Coworking
Barcelonactiva
Claude · Anthropic
Figma
Midjourney
Airtable
Typeform
Make.com
ESADE
Testimonios

Lo que dicen
nuestros alumnos.

El sábado llegué sin saber qué era Framer. El domingo a las 6 de la tarde publiqué la web de mi estudio de diseño. Nunca pensé que fuera posible en 2 días.

AC
Anna Carreras
Diseñadora freelance · Barcelona

Lo que más me sorprendió fue el uso de IA para el copy. En una hora generamos y refinamos todos los textos de la web con Claude. Eso solo ya vale el precio del taller.

JP
Jordi Prat
Marketing Manager · Wallapop

Marc tiene una capacidad brutal para explicar cosas complejas de forma simple. Los prompt packs que nos dieron siguen siendo mi referencia 3 meses después del taller.

SL
Sara López
Fundadora · Slow Studio
Planes

Elige tu formato.

Individual, con tu equipo o con formación a medida para tu empresa.

Plaza individual

Ideal para: profesionales que quieren aprender a su ritmo con otros.

490
por persona · IVA incluido
Qué incluye
2 días de taller presencial u online
Prompt Pack exclusivo de Framer
Kit de componentes reutilizables
Grabaciones y materiales permanentes
Certificado digital oficial
Reservar plaza
In-company

Ideal para: equipos de 8–30 personas con programa y fechas a medida.

A medida
presupuesto en 48h sin compromiso
Qué incluye
Programa adaptado a vuestro sector y objetivos
Instructor en vuestras instalaciones o online
Fechas y horarios totalmente flexibles
Casos prácticos con vuestros proyectos reales
Seguimiento post-taller con el equipo
Escribir →
FAQs

Preguntas frecuentes.

Si no encuentras tu respuesta aquí, escríbenos a [email protected] — respondemos en menos de 24h.

No. Este taller está diseñado específicamente para personas sin conocimientos técnicos. Framer es una herramienta visual y toda la lógica se configura sin código. El único requisito es ganas de aprender y tener un proyecto en mente.
El taller es de 9:00 a 18:00 ambos días, con pausa para almuerzo de 13:30 a 15:00 y dos coffee breaks. La última hora del domingo está dedicada a la publicación final de todos los proyectos y la entrega de certificados.
Sí. Tenemos ediciones 100% online en las mismas fechas. La dinámica es idéntica — mismo instructor, mismos ejercicios en tiempo real, mismo feedback. Solo cambia que las sesiones son por Zoom con pantalla compartida y espacios de trabajo colaborativo.
Perfecto, avanzarás más rápido en los primeros módulos y podrás profundizar más en animaciones, CMS y optimización. El instructor adapta el ritmo según el nivel del grupo y los primeros bloques tienen tracks paralelos para principiantes y usuarios con algo de base.
Sí. Emitimos factura a nombre de empresa con todos los datos fiscales. Los talleres de formación profesional son deducibles como gasto en España. También podemos gestionar la bonificación a través de FUNDAE para empresas que cotizan a la Seguridad Social.
Cancelación gratuita hasta 14 días antes del taller con devolución completa. Entre 7 y 14 días, devolución del 50%. Menos de 7 días, puedes trasladar tu plaza a otra edición sin coste adicional. Si cancelamos nosotros por fuerza mayor, devolvemos el 100% o cambiamos la fecha.
Sí, es nuestro formato in-company. Diseñamos el programa específicamente para vuestro equipo y sector, elegís fechas y lugar, y adaptamos los casos prácticos a vuestros proyectos reales. Escríbenos a [email protected] o llámanos para una llamada de diagnóstico gratuita.