Las 15 mejores plantillas web para arquitectos en Webflow y Framer (2026)

A un estudio de arquitectura lo contratan por sus edificios, así que su sitio web tiene una sola tarea: dejar que las fotos hablen y, al mismo tiempo, contarle al cliente quién eres, qué construyes y cómo empezar un proyecto. En nuestra propia biblioteca, muchas plantillas que mencionan la arquitectura resultan ser portafolios de agencia o de interiorismo con una foto de hormigón en la portada.

Buscamos en nuestra biblioteca las plantillas pensadas desde el principio para estudios de arquitectura, leímos la reseña de cada una y nos quedamos solo con las que encajan de verdad. El resultado son 15 plantillas, 11 de Webflow y 4 de Framer, y tres son gratis. Abajo las clasificamos por Puntuación General, con lo que cada una hace bien y lo único que revisaríamos antes de comprarla.

Cada puntuación sale de nuestro proceso con varios evaluadores: diseñadores y desarrolladores con 10 años o más de experiencia puntúan cada plantilla por separado, y publicamos el promedio. Si tu estudio trabaja sobre todo en interiores, nuestra guía de las mejores plantillas web de diseño de interiores cubre ese lado, incluidas las tiendas de muebles.

Cómo elegir una plantilla web para arquitectos

Empieza por tus fotos, no por la plantilla. Casi todas las opciones de abajo giran en torno a fotos grandes y bien iluminadas de edificios, y con fotos de celular el diseño se ve vacío o poco profesional. Si tienes un buen archivo, elige por estructura: cómo se guardan los proyectos, qué muestra cada página de proyecto y si el sitio puede crecer con el estudio.

Cuatro cosas separan una plantilla de arquitectura real de un portafolio genérico:

• Páginas de proyecto con ficha técnica. Ubicación, tipo, año y superficie ayudan al cliente a ver tu rango de un vistazo. MODUS Extend, Monocromo y FormaFabrika muestran estos campos.
• Una colección de proyectos con CMS. Las páginas estáticas sirven para seis proyectos y se vuelven un dolor de cabeza con treinta. Todas nuestras opciones menos una guardan los proyectos en una colección del CMS.
• Una sección de servicios o de proceso. El cliente quiere saber cómo avanza un encargo: briefing, etapas de diseño, permisos, entrega.
• Cifras honestas. Muchas demos traen bloques de estadísticas con proyectos, premios y años. Cámbialos por los tuyos o bórralos.

Sobre plataformas: elige Webflow si el sitio va a tener un portafolio en crecimiento, un blog y páginas de empleo, porque su CMS maneja bien el contenido estructurado. Elige Framer para un sitio más pequeño, con animación, que quieras editar de forma visual. Nuestra comparación de Webflow, Framer y Shopify explica las diferencias en detalle. Ninguna de nuestras opciones es de Shopify: los estudios de arquitectura rara vez venden productos, y los temas de Shopify que mencionan la arquitectura son tiendas de muebles y decoración.

Las 15 mejores plantillas web de arquitectura

Clasificadas por Puntuación General. Cada opción enlaza a su página de reseña, donde se reproduce en bucle una grabación de pantalla de toda la página de inicio.

ArcArch

Design: 9.8/10
Dev: 9.6/10
Precio: $79

Ideal para: estudios que quieren portafolio, blog, empleo y una pequeña tienda en un mismo sitio

ArcArch es la plantilla de arquitectura con mayor puntuación de nuestra biblioteca, y una de las dos de esta lista que combinan un portafolio completo con un proceso de compra que funciona. La página de inicio abre con un nombre enorme en una sans serif limpia sobre dos fotos de arquitectura lado a lado, y luego corta el recorrido con frases gigantes en tipografía, un video de fondo y más fotos de edificios. La paleta se queda en negro sobre blanco para que el color lo pongan las imágenes.

Dev: 9.6/10 refleja colecciones del CMS para proyectos y para el blog, páginas de detalle por proyecto, una sección de equipo, una página de empleo y una página 404 con diseño propio.

Ten en cuenta: el proceso de compra es básico. Revisa que cubra los productos o servicios que piensas vender antes de decidirte.

MODUS Extend

Design: 9.4/10
Dev: 9.3/10
Precio: $49

Ideal para: firmas que quieren un portafolio pulido con casos de estudio, noticias y una sección de recursos

MODUS Extend usa Space Grotesk en azul marino sobre gris claro, con un único acento naranja intenso para las llamadas a la acción. Debajo de la portada, paneles de color a todo el ancho llevan al visitante a proyectos, servicios y contacto. Su página de detalle de proyecto es de las más claras de esta lista: una imagen grande junto a campos ordenados de ubicación, tipo de trabajo y fecha de finalización.

Es la versión de pago de MODUS Light (más abajo) y suma una sección de noticias y una página de recursos al mismo diseño.

Ten en cuenta: el acento naranja es muy concreto. Si choca con tu marca, planea un cambio rápido de paleta.

MODUS Light

Design: 9.4/10
Dev: 9.3/10
Precio: Gratis

Ideal para: una firma pequeña que quiere un portafolio profesional sin pagar por una plantilla

MODUS Light es la plantilla gratuita de arquitectura con mayor puntuación que hemos publicado. Comparte el estilo azul marino, blanco y naranja de MODUS Extend, con líneas verticales finas que dividen la portada blanca. Su página de proyecto es la razón para elegirla: el caso de la demo muestra ubicación, tipo de trabajo, fecha de finalización y superficie junto a fotos grandes y etiquetas en forma de píldora, todo desde el CMS de Webflow.

Ten en cuenta: tiene páginas de estudio, proyectos, servicios y contacto, pero no sección de noticias. Si piensas publicar novedades, MODUS Extend es el siguiente paso.

ArchiCraft

Design: 9.3/10
Dev: 9.4/10
Precio: $79

Ideal para: estudios que trabajan arquitectura e interiores y quieren vender paquetes de diseño

ArchiCraft es el sitio más sereno de la lista. Grandes títulos en Cormorant Garamond sobre una paleta beige y crema, y fotos que se superponen un poco en bloques asimétricos, lo que le da a la página de inicio un ritmo de revista. Los proyectos salen del CMS con su propia página de detalle, y la plantilla suma páginas de producto para paquetes de diseño con proceso de compra.

Ten en cuenta: los servicios están en acordeones que esconden el detalle. Si quieres todos los servicios a la vista, reserva tiempo para rehacer esa sección.

Monocromo

Design: 9.3/10
Dev: 9.2/10
Precio: $89

Ideal para: estudios que quieren un sitio estricto en blanco y negro donde la cuadrícula de proyectos lo dice todo

Monocromo es nuestra mejor opción en Framer. Un gran nombre en Switzer se apoya sobre una fila de miniaturas de proyectos, cada una con una descripción corta, como una galería de arte o un edificio de oficinas. Su página de proyecto tiene la ficha técnica más completa de la lista: estado, año, tipo, tamaño, cliente y ubicación en una sola fila. La página de trabajos funciona con el CMS, y la plantilla suma páginas de especialidades, equipo, premios y noticias.

Ten en cuenta: el blog y los servicios son mínimos en la demo. Si te importan, revisa el conjunto de páginas antes de comprar.

Nord-A

Design: 9.0/10
Dev: 9.3/10
Precio: $129

Ideal para: arquitectos y desarrolladores inmobiliarios con fotos de edificios impactantes y premios que mostrar

Nord-A abre como la portada de una monografía: una torre de vidrio vista desde abajo, el nombre del estudio enorme en Albert Sans blanca y un contador de 01 a 03 para pasar entre proyectos destacados. Después vienen una declaración del estudio, una franja de video, una lista de premios en columnas ordenadas, un acordeón numerado de servicios que va del descubrimiento a la entrega y un carrusel de testimonios. Es la única opción de Framer con página de empleo.

Ten en cuenta: la página de inicio es muy larga, y el logo fijo puede quedar encima del texto al bajar. Revisa esas superposiciones y cambia los nombres de premios de la demo, que parecen reales.

Nuanced

Design: 9.4/10
Dev: 8.8/10
Precio: $29

Ideal para: un estudio pequeño que necesita una tarjeta de presentación de una sola página con unas pocas fotos excelentes

Con $29, es la opción de pago más barata y la de mayor puntuación de diseño después de ArcArch y el par MODUS. Es una sola página: una frase en Montserrat mayúscula y gruesa sobre un blanco cálido, y luego una pila de fotos de proyectos a todo el ancho con esquinas redondeadas, casi todas casas al atardecer con las ventanas encendidas, cada una con un número entre paréntesis. Una breve sección de valores y un pie de página grande la cierran.

Ten en cuenta: no hay menú más allá de Contacto ni sección de servicios o equipo, y en el celular se abre un espacio grande antes de la primera foto.

FormaFabrika

Design: 8.9/10
Dev: 9.2/10
Precio: $49

Ideal para: arquitectos y diseñadores de jardines que quieren un sitio que parezca un plano técnico

FormaFabrika pone toda la página dentro de un marco negro fino, estira el nombre del estudio de borde a borde en Inter Tight gruesa y lleva la navegación a una barra fija en la parte inferior de la pantalla. Cada sección repite un mismo gesto: un título enorme sobre una línea, con una etiqueta pequeña al lado. Los proyectos combinan fotos anchas con una ficha de categoría, año, ubicación y superficie, e incluye un blog y una página del estudio.

Ten en cuenta: el nombre de tu estudio tiene que caber en el ancho completo tan bien como el de la demo. Pruébalo con tu nombre antes de comprar.

Builder Studio

Design: 8.9/10
Dev: 9.1/10
Precio: $49

Ideal para: empresas de diseño y construcción que ofrecen arquitectura, interiores y obra comercial

Builder Studio enfrenta dos tipografías sobre un fondo color masilla: titulares enormes y apretados, y textos en pequeñas mayúsculas grises de estilo máquina de escribir. Los servicios aparecen en una tarjeta blanca como títulos grandes para espacios comerciales, diseño de interiores y arquitectura, y los proyectos siguen en una cuadrícula de dos columnas con nombre y año. Una cuadrícula de noticias, preguntas frecuentes y un formulario de contacto junto a los logos de clientes cierran la página de inicio.

Ten en cuenta: revisa los textos de la demo. Algunos títulos tienen errores de gramática y todas las preguntas frecuentes repiten la misma pregunta.

SLANTSUAL

Design: 8.7/10
Dev: 8.8/10
Precio: $59

Ideal para: estudios de visualización arquitectónica y render

SLANTSUAL es la única plantilla de la lista hecha para un estudio de visualización y no para una firma de diseño. Su portada son altísimas mayúsculas condensadas en Oswald, en gris topo y negro, bajo una cinta coral en movimiento. Su punto fuerte es la sección de trabajos destacados: cada proyecto tiene un gran carrusel de renders junto a una columna estrecha con título, servicio, ubicación y un contador de imágenes. Los servicios numerados van del modelado 3D a los recorridos virtuales 360, y trae dos diseños distintos para la página de trabajos.

Ten en cuenta: los textos de la demo tienen mucho relleno de marketing. Reescríbelos con tu propia voz antes de lanzar.

KOKORO

Design: 8.4/10
Dev: 8.7/10
Precio: Gratis

Ideal para: arquitectos residenciales y desarrolladores boutique con fotos cálidas y bien iluminadas

KOKORO es nuestra única opción gratuita de Framer, y tiene más personalidad que muchas de pago. El nombre del estudio ocupa toda la pantalla en Marcellus, una serif con remates abiertos, con "Design Studio" cruzándolo en una caligrafía dorada. Los proyectos aparecen como grandes imágenes centradas, una sección de revista lista artículos con fecha, y todo el sitio tiene modo oscuro en gris carbón con texto blanco y dorado.

Ten en cuenta: la caligrafía superpuesta solo se lee bien con palabras cortas, así que mantén breves los textos que la reemplacen.

Architecto

Design: 8.3/10
Dev: 8.6/10
Precio: $49

Ideal para: un estudio pequeño con buenas fotos de exteriores que quiere un sitio clásico de varias páginas

Architecto abre con un carrusel de proyectos que muestra el año, el nombre del proyecto y un enlace para verlo en la parte inferior. Los titulares cuadrados en Chakra Petch le dan un aire algo técnico sobre blanco y negro. Las páginas internas cubren servicios, proyectos, artículos, estudio, empleo y contacto. Nos gusta la navegación de texto en dos columnas arriba, que muestra todas las secciones a la vez en lugar de esconderlas detrás de un icono de menú.

Ten en cuenta: el bloque de estadísticas muestra años, proyectos y premios. Cámbialos por tus cifras o quita el bloque.

Forms Studio

Design: 8.4/10
Dev: 8.5/10
Precio: $49

Ideal para: un estudio con un archivo de fotos serio y sin necesidad de extras

Forms Studio es contención sobre un gris claro cálido: Inter casi negra, una portada dividida con el titular a la izquierda y un párrafo corto a la derecha, y fotos anchas de edificios en blanco y negro bajo líneas finas. Los trabajos destacados son una lista numerada de nombres de proyectos, que funciona como un índice tranquilo antes de una galería de dos columnas con fotos grandes. Una sección de proceso explica cómo avanza un encargo.

Ten en cuenta: es la única opción sin CMS, así que cada proyecto nuevo implica editar páginas a mano, y los párrafos de la demo son largos y genéricos.

Offset

Design: 8.4/10
Dev: 8.2/10
Precio: $49

Ideal para: estudios más grandes que cubren arquitectura, ingeniería, interiores y diseño exterior

Offset construye todo sobre una cuadrícula de mesa de dibujo. Un video en bucle de un río entre torres de vidrio llena la portada, la navegación va en celdas con líneas en pequeñas mayúsculas de máquina de escribir, y líneas verticales tenues recorren toda la página de inicio. Un índice de secciones fijo en el borde derecho marca dónde estás mientras bajas por estudio, cifras, trabajos, especialidades, áreas y noticias. Ese índice es la mejor idea de orientación de la lista para una página de inicio larga.

Ten en cuenta: la cuadrícula de cifras muestra totales de proyectos, ahorros y presupuestos que el visitante leerá como tuyos. Cámbialos o quítalos.

Ratko

Design: 8.4/10
Dev: 8.2/10
Precio: Gratis

Ideal para: un estudio pequeño que quiere todo en una sola página gratuita

Ratko se lee como una monografía en blanco y negro: títulos en minúscula, una franja fina en el borde izquierdo para el nombre, y el color sale solo de las fotos. La página alterna bandas blancas y gris carbón con servicios, una cuadrícula de proyectos con el nombre de la ciudad, testimonios, estadísticas, retratos del equipo y un formulario de contacto. Su sección más original es una línea de tiempo que va del modernismo de los años 80 a herramientas recientes, una forma poco común de mostrar el punto de vista de un estudio.

Ten en cuenta: no tiene páginas separadas de estudio, blog o proyecto, y la demo usa párrafos de relleno, estadísticas de ejemplo y logos de clientes provisionales.

¿Hay alguna plantilla gratis de arquitectura que valga la pena?

Sí, tres. MODUS Light en Webflow (Design: 9.5/10, Dev: 9.3/10) es la más sólida, con una colección de proyectos en el CMS y una ficha técnica de proyecto bien hecha; es gratis y puntúa más alto que la mayoría de las opciones de pago. KOKORO en Framer (Design: 8.5/10, Dev: 8.7/10) encaja con un estudio residencial que busca calidez y modo oscuro. Ratko en Webflow (Design: 8.4/10, Dev: 8.2/10) es una sola página para un estudio que solo necesita una tarjeta de presentación.

Puedes ver todas las plantillas gratis de nuestra biblioteca en nuestra página de plantillas gratis.

Las 15 opciones comparadas

Cómo elegimos estas plantillas

Buscamos en nuestra biblioteca las plantillas que mencionan la arquitectura, leímos la reseña completa de cada una y nos quedamos solo con las hechas para un estudio de arquitectura: una portada y textos escritos para una firma que diseña edificios, y secciones que encajan, como proyectos con ficha técnica, servicios y proceso. Dejamos fuera los portafolios de agencia y de branding que solo usan una foto de hormigón, y también las plantillas pensadas sobre todo para interioristas, que cubre nuestra guía de diseño de interiores. También dejamos fuera Nordik, una plantilla de arquitectura cuya página de inicio no muestra ningún proyecto.

Todas las plantillas de nuestra biblioteca tienen una Puntuación General de 7.0 o más, el promedio de su puntuación de diseño y su puntuación de desarrollo. Los diseñadores puntúan la calidad visual, los desarrolladores la calidad técnica, y cada número publicado promedia sus puntuaciones independientes. La reputación del creador y las valoraciones de los marketplaces no cuentan. El proceso completo está en nuestra página de metodología.

Para preseleccionar más rápido, pasa el cursor sobre cualquier tarjeta de nuestras páginas de listado: se reproduce en bucle una grabación de pantalla de toda la página de inicio de esa plantilla, así puedes comparar decenas sin abrir otra pestaña.