Framer Skills: cómo revisar diseño, CMS y SEO antes de entregar un sitio

Lo que Framer anunció el 22 de septiembre

La entrega de un sitio con Framer Skills debe evaluarse por lo que el cliente puede revisar, editar y publicar, no por lo convincente que resulte una demo. Las comprobaciones de este artículo son propuestas y todavía no se han ejecutado en un proyecto cliente.

Framer presentó Skills para el Framer Agent el 22 de septiembre de 2026. Según su actualización, estas instrucciones reutilizables pueden describir un sistema de diseño, una voz editorial o un flujo de trabajo del CMS. El producto admite referencias a @pages, @components y @styles del proyecto; la orden /skills permite pedir al agente que redacte o revise una instrucción. En su blog, Framer pone como ejemplo una referencia @page hacia una página que reúne componentes. Son afirmaciones sobre el funcionamiento previsto de una función nueva, hechas por quien la vende. No son una medición independiente de velocidad, accesibilidad ni tráfico orgánico. La pregunta para un cliente es más concreta: ¿qué debe comprobar antes de aceptar y operar el sitio?

La respuesta breve abarca cuatro superficies: el diseño visible, el modelo editorial, la página publicada que encontrarán las personas y los buscadores, y la capacidad de otro editor para mantenerla. La prueba descrita aquí es una propuesta, no un experimento realizado por VITON13 ni un caso de cliente. Un vídeo de producto puede mostrar una secuencia ideal; una aceptación debe incluir contenido incompleto, permisos, errores y recuperación. Framer afirma que el resultado sigue siendo editable en el lienzo. Esa posibilidad cuenta, pero solo sirve al comprador si sabe qué modificar, dónde están las reglas y quién valida una excepción. Una herramienta editable no equivale, por sí sola, a una entrega comprensible.

Una Skill reutilizable no sustituye al encargo

Un sistema de diseño contiene componentes, colores, tipografías y ejemplos. Un encargo también define audiencia, tarea principal, afirmaciones admisibles, materiales autorizados y proceso de aprobación. Una instrucción para el agente puede indicar qué navegación preferir o cuándo señalar una frase sin fuente. No debería inventar un testimonio, alterar una oferta o publicar una política sin autorización. Por eso conviene escribir el alcance de cada Skill: qué regla está aprobada, qué ejemplo es orientativo y quién puede modificarla. Registrar la versión evita que un equipo herede una preferencia antigua como si todavía fuera obligatoria.

Para probar la utilidad de esas reglas, cierre primero el encargo y pida dos páginas representativas. Revise qué componentes se reutilizaron, cuáles se crearon y cuáles necesitaron corrección manual. Sin una medición de tiempo bajo condiciones comparables, esto no es un estudio de productividad: es un registro de decisiones. Framer explica que las Skills pueden mantenerse cuando se remezcla una plantilla o proyecto. Eso hace más importante revisar la procedencia de las instrucciones recibidas. Una página convincente puede ocultar una regla obsoleta, una excepción sin dueño o un texto de ejemplo que nadie validó. El resultado debe poder explicarse sin depender de la memoria de quien hizo la demostración.

La coherencia visual se prueba con casos difíciles

Use una página existente como referencia aprobada y otra nueva que fuerce combinaciones menos cómodas. Compare jerarquía de títulos, variantes de componentes, espacios, reglas de imagen y acción principal en pantallas anchas, medianas y estrechas. Sustituya los textos ficticios por un título traducido largo, una imagen de proporción real y un mensaje de validación. Un diseño que parece equilibrado en el lienzo puede desplazar el botón importante en un móvil. La consistencia no exige que una ficha de producto y un reportaje tengan idéntica composición; exige que los patrones de interacción y las decisiones editoriales se reconozcan.

Framer describe la posibilidad de editar capas, sustituir componentes y seguir conversando con el agente desde el estado actual. En la aceptación, pida a otra persona que realice esas acciones y observe los cambios en varios anchos. Conserve el estado anterior, la razón del ajuste y la versión aprobada. Si el primer borrador contradice el encargo, documente el conflicto en vez de cambiar el encargo a posteriori porque la imagen quedó atractiva. Determine quién puede abrir una nueva variante y cuándo debe integrarse en el sistema compartido. Para el cliente, una excepción explicada vale más que una diapositiva impecable que no permite reproducir la decisión.

El CMS debe resistir contenido real

Defina campos obligatorios y opcionales, relaciones, previsualización, permisos de publicación y responsables de mantenimiento. Después cree una entrada de muestra con título largo, imagen opcional vacía, varios párrafos y una versión en otro idioma. Observe la tarjeta del listado, la página completa, la navegación y la vista previa para búsqueda. Si el diseño se rompe cuando falta una imagen permitida, falla el modelo o el componente, no la persona que editó. Si una Skill ordena rellenar siempre un campo, contraste esa norma con la validación efectiva del CMS y con la necesidad real de los editores.

La actualización de Framer afirma que Skills puede conservar instrucciones para el flujo del CMS. No afirma que esas instrucciones sustituyan permisos, gobierno del contenido o revisión humana. Entregue a un segundo editor una muestra inocua y pídale crearla, previsualizarla, revisarla, publicarla y revertirla. Mantenga fuera del índice cualquier contenido inventado solo para la prueba. Anote cada momento en que el editor necesitó una explicación oral del constructor. Las plantillas suelen mostrar entradas ordenadas; una organización real tiene migraciones, campos vacíos y desacuerdos sobre lo que significa una etiqueta. Una entrega útil debe funcionar con esa realidad, no únicamente con los datos de la demo.

El SEO se verifica en la URL publicada

El lienzo de diseño no muestra necesariamente todo lo que recibe un buscador. La guía de Google Search Central explica que el enlace de título puede basarse en el elemento title y otros encabezados; también recomienda URL descriptivas y reducir duplicados innecesarios. Para la aceptación, abra una página de prueba que se pueda publicar legítimamente y examine su título, descripción, encabezados, dirección, enlaces internos, posibilidad de indexación y canonical. Si hay varias lenguas, verifique que cada edición tenga texto útil y que sus enlaces apunten a la versión correcta. Tener un campo SEO relleno en el editor no prueba que la página posicione.

Separe la evaluación editorial de la técnica. Un editor puede decidir si el título describe el contenido; una persona técnica puede revisar código de respuesta, directivas robots, canonical y presencia en el mapa del sitio. Si el resultado hereda el título genérico de la plantilla, corrija la regla o el componente responsable, no solo el último registro. El documento de entrega debe indicar dónde cambiar esos ajustes y cómo comprobarlos después de publicar. Framer no presentó en este anuncio pruebas de un aumento de tráfico para el proyecto del lector. Este artículo tampoco lo promete. La evaluación se limita a la implementación concreta, observada en una fecha y una URL identificables.

La accesibilidad requiere criterios externos

La referencia WCAG 2.2 del World Wide Web Consortium aporta criterios independientes. Entre ellos están la posibilidad de operar funciones con el teclado, con la excepción especificada por la norma, y los umbrales de contraste para texto. Una imagen fija no demuestra que el foco permanezca visible, que un menú permita salir, que una fotografía tenga una alternativa útil o que un error explique cómo recuperarse. Parte de la revisión puede hacerse leyendo la estructura, pero una tarea interactiva debe probarse en una página funcional. Tampoco basta con que el agente declare que ya comprobó su propio resultado.

Proponga una tarea concreta: localizar una noticia, abrir el menú y enviar un formulario con un dato incorrecto sin usar ratón. Registre el recorrido del foco y el mensaje que recibe la persona. Repita con texto ampliado y pantalla estrecha; cuando el contexto lo requiera, incluya usuarios de tecnologías de apoyo. Este procedimiento no afirma que todos los sitios Framer cumplan o incumplan un estándar. La conclusión pertenece al sitio y al estado realmente probados. Describa cada incidencia con URL, condición y pasos de reproducción para que el cliente pueda decidir si debe posponer el lanzamiento. Una animación convincente nunca sustituye ese registro.

Una prueba propuesta con dos páginas

El siguiente ejercicio todavía no se ha ejecutado para este artículo. Seleccione en un proyecto no público una página editorial y otra orientada a una acción. Entregue al agente la guía de diseño aprobada, texto de longitud real y un encargo que defina público y objetivo. Deje que una persona lleve el borrador hasta un estado revisable. Construya una matriz sencilla: criterio, resultado esperado, resultado observado, responsable y enlace a la evidencia. Puede incluir reutilización correcta de componentes, diseño a tres anchos, estado sin imagen, campos CMS coherentes, finalización con teclado y metadatos únicos en la URL de prueba publicada.

Cuando no haya observación, escriba «no probado»; no convierta una previsualización atractiva en un aprobado. Si aparece un fallo, averigüe si procede de la Skill, del componente, del modelo CMS o de una decisión exclusiva de esa página. Corrija la capa adecuada y repita la fila. Esta distinción permite mejorar una regla reutilizable sin atribuirle todos los defectos. Una comparación de tiempo exigiría un punto de partida y condiciones controladas; aquí se evalúan preparación y trazabilidad. El protocolo no debería transformarse después en una afirmación de ahorro económico ni en una supuesta historia de crecimiento de ventas.

Qué recibe el cliente cuando termina el proyecto

El paquete de entrega debe identificar dominio y responsable, inventario de páginas aprobadas, reglas de componentes y estilos, definición de campos CMS, roles de edición, derechos de imágenes, titularidad de analítica y canal para notificar errores. Enumere qué Agent Skills están activas, quién puede cambiarlas y si alguna llegó desde una plantilla. Incluya instrucciones para previsualizar, publicar, revertir y hacer una modificación pequeña y segura. El cliente no debería necesitar una llamada para averiguar dónde se cambia el título de un artículo. Es mejor registrar las decisiones abiertas con dueño y fecha que dejarlas enterradas en una conversación con el agente.

Pida a otro editor que siga solo ese paquete, haga un cambio y explique cómo volvería a la versión anterior si algo sale mal. Si no puede, el aspecto visual quizá esté terminado, pero la entrega no. Esto es un criterio editorial propuesto, no una certificación oficial de Framer. Una campaña de una página necesita menos documentación que una revista multilingüe, aunque ambas requieren responsable y recuperación de errores. Compruebe los accesos desde la cuenta que recibirá el proyecto, no desde una captura de la sesión del diseñador. El objetivo no es demostrar que el agente genera páginas, sino que el cliente puede gestionarlas sin dependencia invisible.

Qué datos podrían cambiar esta evaluación

El anuncio de septiembre confirma que Framer introdujo Skills y describe cómo espera que orienten al agente. Una nota de producto posterior, una prueba independiente del mismo flujo o la aceptación documentada de un cliente concreto permitirían afinar estas conclusiones. Aquí no se midieron velocidad, posiciones, accesibilidad ni coste de mantenimiento. Una instrucción reutilizable sin dueño puede convertirse en un error reutilizable. Revísela cuando cambien el diseño, el CMS o las reglas de publicación; anote la fecha de revisión y la versión del proyecto para poder distinguir resultados futuros de los actuales.

El siguiente paso es pequeño y refutable: escoja una página, acuerde un encargo y aplique la matriz guardando la evidencia. Si pasa, habrá una razón para extender el método; si falla, se sabrá qué corregir antes de generar más páginas. Ambas respuestas valen más que llamar revolucionaria a una herramienta por su presentación. Consulte el blog y la actualización de Framer para las funciones anunciadas, W3C para criterios de accesibilidad y Google Search Central para orientaciones de búsqueda. Ninguna de esas fuentes sustituye la prueba de un proyecto del cliente, pero juntas mantienen clara la diferencia entre promesa de producto y entrega responsable.