Webs y desarrollo
Framer, Webflow o Next.js a medida: ¿cuál elegir para la web de una marca en 2026?
Framer, si un diseñador monta y edita una web de marketing de pocas decenas de páginas y hay prisa por lanzar. Webflow, si un equipo publica cada semana y necesita un CMS grande. Next.js a medida, para cuentas de usuario, integraciones, muchos idiomas o código que alojes donde quieras; a cambio pagas desarrollo y mantenimiento, no alquiler.

¿Qué diferencia de verdad a Framer, Webflow y Next.js a medida?
Framer y Webflow son constructores visuales con alojamiento: diseñas en un lienzo, publicas y pagas una cuota mensual. Next.js a medida es código de un desarrollador, guardado en tu repositorio y alojado donde elijas.
| Pregunta | Framer | Webflow | Next.js a medida |
|---|---|---|---|
| Quién la construye | Un diseñador, en un lienzo | Un diseñador o especialista en Webflow | Un desarrollador, en código |
| Quién la edita | Editores de contenido, 10 $ al mes cada uno | Plazas Limited, 15 $ al mes cada una | Editores en un CMS conectado |
| CMS del plan de pago principal | 10 colecciones, 2.500 elementos | 40 colecciones, 20.000 elementos | Lo fija tu CMS |
| Idiomas extra | 20 $ al mes por idioma | Localize desde 9 $ al mes | En el código, sin cuota por idioma |
| Animación | Efectos integrados, componentes React | Interactions basadas en GSAP | Cualquier librería, GSAP y three.js incluidas |
| Salida | No exporta HTML | Exporta HTML y CSS; el CMS se queda | El código es tuyo; cualquier servidor Node.js |
¿Quién editará la web tras el lanzamiento y qué podrá cambiar?
Decídelo primero. Una web de marca la editan personas que no la diseñaron: alguien de marketing que añade un caso, una asistente que cambia un precio.
- Framer: los editores de contenido, a 10 $ al mes cada uno, actualizan el CMS, las traducciones y los textos sin tocar las herramientas de diseño; un editor completo cuesta 20 $.
- Webflow: una plaza Limited edita contenido o monta páginas con componentes aprobados; una plaza Full, que puede cambiar el diseño, cuesta 39 $ al mes con pago anual.
- Next.js: no hay editor hasta que se añade. Los textos viven en archivos que cambia un desarrollador o en un CMS headless, un panel aparte del que la web lee.
Por eso acordamos de entrada qué será editable: noticias, casos y precios, en el CMS. Nuestra integración de CMS cuesta 73 $ asistido por IA o 93 $ dirigido por especialistas y se acepta cuando un editor sin perfil técnico publica, corrige y revierte una entrada real.
¿Cuál resuelve mejor la animación, el 3D y la interacción?
Muchas webs de diseño se compran por su movimiento: scroll animado, escenas fijadas, vídeo en la portada, a veces 3D. Las tres pueden hacerlo; cambian el techo y el peso.
- Framer: efectos, transiciones y animaciones de scroll se configuran en el lienzo; para lo demás, un desarrollador escribe componentes de código React, compatibles con React 18, en el editor de Framer.
- Webflow: las Interactions funcionan con GSAP, que es de Webflow y ahora es gratuito para todos, incluidos plugins antes de pago como SplitText y ScrollSmoother.
- Next.js: cualquier librería, desde GSAP hasta three.js o WebGL propio, dentro de un presupuesto de velocidad que fijas tú, con la animación apagada para quien pide menos movimiento.
La plataforma da herramientas listas en un entorno ajeno; el código no da nada hecho, pero todo se puede recortar. El portafolio de nuestro fundador (el ejemplo de abajo) está programado a mano, sin Next.js: su animación con GSAP se detiene con el ajuste de movimiento reducido, y el 24 de septiembre de 2026 Lighthouse dio a su portada 99 en rendimiento móvil.
¿Cuándo empiezan a apretar los límites de páginas y de CMS?
Al lanzar casi no se notan. Aprietan el segundo año, cuando han crecido el blog o la biblioteca de casos.
| Plan, al mes con pago anual | Páginas | Colecciones | Elementos CMS | Al superar el límite |
|---|---|---|---|---|
| Framer Basic, 10 $ | 30 | 2 | 1.000 | Pasar a Pro |
| Framer Pro, 30 $ | 150 | 10 | 2.500 | 20 $ por 100 páginas, 20 $ por 10.000 elementos |
| Webflow Basic, 15 $ | 300 estáticas | Ninguna | Ninguno | Pasar a Premium |
| Webflow Premium, 25 $ | 300 estáticas | 40 | 20.000 | Team, 2.500 $ al mes con contrato anual |
| Next.js a medida | Sin tope | Tu CMS | Tu CMS | Consumo del alojamiento |
Dos artículos por semana suman unas 312 entradas en tres años, sin problema en cualquier plan con CMS. Un catálogo o un listado de sedes llega a 2.500 mucho antes, y en Framer Basic artículos y casos ya ocupan las dos colecciones.
¿Cuánto cuestan los planes en tres años?
La tabla supone una web, una plaza de propietario y, donde se indica, un idioma extra.
| Opción | Plan y complementos | Al mes | 36 meses |
|---|---|---|---|
| Framer, web pequeña | Basic, un idioma | 10 $ | 360 $ |
| Framer, web de marketing | Pro más un idioma | 50 $ | 1.800 $ |
| Webflow sin CMS | Basic más Localize Essential | 24 $ | 864 $ |
| Webflow con CMS | Premium más Localize Essential | 34 $ | 1.224 $ |
| Next.js a medida | Vercel Pro, una plaza de desarrollador | 20 $ | 720 $ |
El alquiler es la partida menor: la construcción paga a un diseñador (Framer), a un especialista en Webflow o a un desarrollador y un diseñador (Next.js). Después, las plataformas cobran cada mes y Next.js necesita que alguien actualice sus dependencias.
¿Cuánto control del SEO y de los idiomas da cada opción?
Las tres sirven HTML que los rastreadores leen. Las separan las redirecciones, las URL por idioma y qué etiquetas puedes cambiar.
- Framer: SEO integrado, redirecciones desde Pro y rutas traducidas por idioma; lang y hreflang se fijan solos y no se editan desde la interfaz.
- Webflow: canonical, sitemap, robots.txt, datos estructurados y redirecciones 301; las URL traducidas solo con Localize Advanced, desde 29 $ al mes.
- Next.js: rutas por subruta como /fr/products o un dominio por idioma; hreflang, sitemaps y cada código de estado se escriben en el código y hacen justo lo indicado, nada más.
¿Qué tan difícil es salir de cada plataforma?
Pregúntalo antes de lanzar, cuando la respuesta sale barata.
- Framer: no exporta HTML para alojar la web por tu cuenta, porque depende de su renderizado, sus imágenes optimizadas y su red de distribución (centro de ayuda, 15 de septiembre de 2026).
- Webflow: exporta HTML y CSS con un espacio de trabajo de pago, como Core a 19 $ al mes con pago anual; el CMS no se exporta, así que un blog se muda por su API o a mano.
- Next.js: repositorio y alojamiento a tu nombre; Node.js o Docker ejecutan todas las funciones, una exportación estática, menos. Queda depender de personas, algo que alivian un repositorio limpio y una nota de entrega.
Toda mudanza cambia URL. Google aconseja redirecciones permanentes en el servidor desde cada URL antigua, mantenidas todo lo posible y, en general, al menos un año.
¿Cuándo conviene más Framer o Webflow que el código a medida?
Vendemos desarrollo a medida y, aun así, la respuesta honesta suele ser una plataforma.
| Situación | Opción sensata | Por qué |
|---|---|---|
| Portafolio de menos de 30 páginas que edita su diseñador | Framer Basic | Lo más rápido hasta una web publicada |
| Web de diseñador con entorno de pruebas y redirecciones | Framer Pro | Ramas sin desarrollador |
| Publicación semanal en uno o dos idiomas | Webflow Premium | 20.000 elementos y plazas de editor |
| Cuatro idiomas o más con URL traducidas | Next.js a medida | Sin cuota por idioma |
| Cuentas, reservas, un CRM o pagos | Next.js a medida | Código de servidor y tu base de datos |
| 3D pesado con un presupuesto de velocidad estricto | Next.js a medida | Decides cada archivo que se carga |
Cuándo no encargarnos nada: pocas páginas, un idioma, un diseñador que ya trabaja en Framer y nada que necesite servidor. Lanza allí, registra el dominio a tu nombre y guarda los textos fuera de la plataforma; nuestro presupuesto diría lo mismo.
¿Cuánto cuesta una web con Next.js a medida en VITON13?
Cada paquete tiene precio cerrado en dos modalidades: asistida por IA, en la que la IA hace el borrador y un especialista dirige y firma, o dirigida por especialistas, en la que él construye y la IA ayuda.
| Paquete | Precio | Plazo | Qué recibes |
|---|---|---|---|
| Diseño web corporativo | 113 $ asistido por IA o 173 $ dirigido por especialistas | 7–12 días laborables | Mapa de hasta 20 páginas, 6 plantillas, prototipo, entrega en Figma |
| Desarrollo web con Next.js | 73 $ asistido por IA o 93 $ dirigido por especialistas | 5–8 días laborables | 5 plantillas, configuración SEO, vistas previas, 2 idiomas |
| Sitio para lanzamiento | 113 $ asistido por IA o 173 $ dirigido por especialistas | 3–5 días laborables | Web con CMS o datos, servidor, dominio, SSL y revisión de lanzamiento |
| Integración de CMS | 73 $ asistido por IA o 93 $ dirigido por especialistas | 5–8 días laborables | Modelo de contenido, flujo editorial, conexión con la web |
El paquete de Next.js construye un diseño existente; el sitio para lanzamiento reúne páginas, CMS y lanzamiento en un solo pedido.
Cómo lo hace VITON13
Convertimos diseños aprobados, de Figma o de un prototipo en Framer, en una web con Next.js que es tuya, con la animación dentro de un presupuesto de velocidad. Envía el brief por el formulario de pedido: paquete, precio cerrado y fechas llegan por escrito en un día laborable.
Desarrollo web con Next.js
- Precio
- 73 $ asistido por IA o 93 $ dirigido por especialistas
- Plazo
- 5–8 días laborables
Sitio para lanzamiento
- Precio
- 113 $ asistido por IA o 173 $ dirigido por especialistas
- Plazo
- 3–5 días laborables
Asistido por IA: la IA prepara borradores en pasos definidos y una persona dirige y revisa cada resultado. Dirigido por especialistas: un especialista hace el trabajo y la IA ayuda.
Qué incluye
- 5 plantillas de página a partir de tus diseños aprobados
- 1 configuración SEO: sitemap, canonical, hreflang y metadatos por plantilla
- 1 flujo de despliegue con una dirección de vista previa para cada cambio
- 2 idiomas conectados, con tus textos
- Entrega del repositorio y del flujo, con los accesos a tu nombre
No incluye
- El diseño: un paquete aparte o tus propios diseños
- Textos y traducciones
- Alojamiento, dominio y suscripciones de terceros
- Mapa de redirecciones más allá de las plantillas principales de la web antigua
Revisiones: 2 rondas de cambios sobre los entregables, fijadas en el alcance por escrito
Recibir presupuesto en 1 día laborablePresupuesto por escrito en 1 día laborable
Ejemplo
PROPIOProducto propio
tarasovvitalii.com: un portafolio de diseño programado a mano en cuatro idiomas
El portafolio de nuestro fundador, en línea desde el 23 de septiembre de 2026, lo diseñó y programó a mano VITON13: un generador estático en Node prerenderiza cada página y la animación usa GSAP con ScrollTrigger y Lenis. Tiene cuatro ediciones de idioma, 108 páginas en el sitemap enlazadas con hreflang y un chat a través de VITON ID. El 24 de septiembre de 2026 Lighthouse dio a la portada 99 en rendimiento móvil, con un LCP de 2,0 s.
Qué no demuestra
- Es nuestra propia web, no un encargo de cliente, y no usa Next.js.
- Las puntuaciones son pruebas de laboratorio de una página en un día; una segunda medición en escritorio dio 95.
- Es demasiado reciente para tener datos de tráfico, posiciones o contactos.
- No hicimos el mismo diseño en Framer ni en Webflow, así que no compara nada directamente.
Preguntas y respuestas
¿Podéis pasar mi web de Framer o Webflow a Next.js sin perder posiciones?
Nadie puede prometerlo con honestidad. Listamos las URL publicadas, rehacemos las páginas, ponemos redirecciones permanentes y comparamos un rastreo antes y después. Framer no exporta páginas, así que partimos de la web publicada y tus archivos; el CMS de Webflow llega por su API. La mudanza cuesta 53 $ asistido por IA o 73 $ dirigido por especialistas.
¿Mi diseñador puede seguir trabajando en Figma o en Framer?
Sí. Construimos a partir de diseños aprobados, archivos de Figma o un prototipo en Framer, y ajustamos tipografía, espaciado y movimiento en una vista previa que revisas en tus dispositivos. Tras el lanzamiento, los textos se editan en el CMS; cambiar la maquetación es tarea de un desarrollador y se presupuesta aparte.
¿De quién son el código, el dominio y las cuentas?
Tuyos. Registra repositorio, alojamiento, dominio y Search Console a nombre de tu empresa; al final te entregamos el repositorio y el flujo de despliegue. Los derechos y archivos editables acordados pasan a ti una vez pagado el proyecto; fuentes e imágenes de stock conservan sus licencias.
¿Y si el código que redacta la IA tiene errores?
Con asistencia de IA, la IA redacta los componentes y un desarrollador revisa, prueba y firma cada cambio; nada se publica sin que lo veas antes en la vista previa. Lo que se aparte de los diseños se corrige en las rondas de cambios. Dirigido por especialistas, el paquete cuesta 93 $.
¿Cómo se paga y puedo cancelar?
Primero recibes el alcance por escrito con el plazo, el precio final y la forma de pago, y no se cobra nada antes de que lo confirmes. Cancelar es gratis hasta aprobar el alcance. Una vez empezado, se cobra lo hecho y se reembolsa la parte no iniciada.
¿Cuánto dura el proyecto completo?
El diseño lleva 7–12 días laborables y la construcción con Next.js, 5–8 días laborables, una fase tras otra, más el tiempo que necesites para aprobar diseños y preparar textos. Si el diseño ya existe, se empieza por la construcción.
Fuentes
- Framer — Pricing —
- Framer Help — Can I export my website to HTML and self-host it? —
- Framer Help — Localized page paths —
- Framer Help — Language attribute —
- Framer Developers — Code components —
- Webflow — Plans and pricing —
- GSAP — Pricing —
- Vercel — Pricing —
- Next.js — Deploying —
- Next.js — Internationalization —
- Google Search Central — Site moves with URL changes —