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.

La portada de tarasovvitalii.com en un marco de navegador de escritorio con la versión móvil al lado: una página negra con el logotipo de VITON13 y el menú, el showreel detenido en un carrusel 3D de portadas de sitios, un botón de reproducción y la frase «VITON13 Studio. Design. Code. Search. Film.», bajo el título tarasovvitalii.com.
Del caso: tarasovvitalii.com: el portafolio del fundador en cuatro idiomas, con chat a través de VITON ID

¿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.

Framer, Webflow y Next.js frente a frente
PreguntaFramerWebflowNext.js a medida
Quién la construyeUn diseñador, en un lienzoUn diseñador o especialista en WebflowUn desarrollador, en código
Quién la editaEditores de contenido, 10 $ al mes cada unoPlazas Limited, 15 $ al mes cada unaEditores en un CMS conectado
CMS del plan de pago principal10 colecciones, 2.500 elementos40 colecciones, 20.000 elementosLo fija tu CMS
Idiomas extra20 $ al mes por idiomaLocalize desde 9 $ al mesEn el código, sin cuota por idioma
AnimaciónEfectos integrados, componentes ReactInteractions basadas en GSAPCualquier librería, GSAP y three.js incluidas
SalidaNo exporta HTMLExporta HTML y CSS; el CMS se quedaEl código es tuyo; cualquier servidor Node.js
Páginas de precios de Framer y Webflow, dólares estadounidenses con pago anual, 25 de septiembre de 2026.

¿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.

Límites de páginas y CMS en los planes de pago
Plan, al mes con pago anualPáginasColeccionesElementos CMSAl superar el límite
Framer Basic, 10 $3021.000Pasar a Pro
Framer Pro, 30 $150102.50020 $ por 100 páginas, 20 $ por 10.000 elementos
Webflow Basic, 15 $300 estáticasNingunaNingunoPasar a Premium
Webflow Premium, 25 $300 estáticas4020.000Team, 2.500 $ al mes con contrato anual
Next.js a medidaSin topeTu CMSTu CMSConsumo del alojamiento
Páginas de precios consultadas el 25 de septiembre de 2026. Los extras de Framer Pro llegan como máximo a 700 páginas y 40.000 elementos.

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.

Coste de la plataforma en 36 meses con pago anual
OpciónPlan y complementosAl mes36 meses
Framer, web pequeñaBasic, un idioma10 $360 $
Framer, web de marketingPro más un idioma50 $1.800 $
Webflow sin CMSBasic más Localize Essential24 $864 $
Webflow con CMSPremium más Localize Essential34 $1.224 $
Next.js a medidaVercel Pro, una plaza de desarrollador20 $720 $
Precios anuales sin impuestos, 25 de septiembre de 2026. El pago mensual sale más caro: Webflow Basic, 25 $; Premium, 39 $. Cada editor de contenido extra cuesta 10 $ al mes en Framer y 15 $ en Webflow.

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.

Qué opción encaja en situaciones habituales
SituaciónOpción sensataPor qué
Portafolio de menos de 30 páginas que edita su diseñadorFramer BasicLo más rápido hasta una web publicada
Web de diseñador con entorno de pruebas y redireccionesFramer ProRamas sin desarrollador
Publicación semanal en uno o dos idiomasWebflow Premium20.000 elementos y plazas de editor
Cuatro idiomas o más con URL traducidasNext.js a medidaSin cuota por idioma
Cuentas, reservas, un CRM o pagosNext.js a medidaCódigo de servidor y tu base de datos
3D pesado con un presupuesto de velocidad estrictoNext.js a medidaDecides 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.

Paquetes de VITON13 para una web de diseño con Next.js
PaquetePrecioPlazoQué recibes
Diseño web corporativo113 $ asistido por IA o 173 $ dirigido por especialistas7–12 días laborablesMapa de hasta 20 páginas, 6 plantillas, prototipo, entrega en Figma
Desarrollo web con Next.js73 $ asistido por IA o 93 $ dirigido por especialistas5–8 días laborables5 plantillas, configuración SEO, vistas previas, 2 idiomas
Sitio para lanzamiento113 $ asistido por IA o 173 $ dirigido por especialistas3–5 días laborablesWeb con CMS o datos, servidor, dominio, SSL y revisión de lanzamiento
Integración de CMS73 $ asistido por IA o 93 $ dirigido por especialistas5–8 días laborablesModelo de contenido, flujo editorial, conexión con la web
Precios de partida en dólares estadounidenses, confirmados en el alcance por escrito antes de cualquier pago.

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 laborable

Presupuesto 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

  1. Framer — Pricing —
  2. Framer Help — Can I export my website to HTML and self-host it? —
  3. Framer Help — Localized page paths —
  4. Framer Help — Language attribute —
  5. Framer Developers — Code components —
  6. Webflow — Plans and pricing —
  7. GSAP — Pricing —
  8. Vercel — Pricing —
  9. Next.js — Deploying —
  10. Next.js — Internationalization —
  11. Google Search Central — Site moves with URL changes —

Sobre el autor

Vitalii Tarasov

Fundador de VITON13 Studio · Dubái, EAU

Vitalii Tarasov fundó VITON13 en 2026 y dirige VITON13 Studio desde su oficina de Dubái. Responde de cada proyecto del estudio: el alcance y el precio por escrito, la dirección del trabajo y la revisión antes de la entrega. Los precios del estudio de esta guía se leen de las páginas de servicio, así que coinciden con lo que allí se presupuesta.

Sobre VITON13

Servicios a los que lleva esta guía