Español

Herramientas y tech stack del Diseñador UX: la auditoría honesta de 2026 (precios reales, sin relleno)

La mayoría de los stacks UX que he auditado no son un stack. Son Figma más seis plugins que alguien instaló en 2023, dos asientos de investigación que nadie ha abierto desde el primer trimestre, y una renovación de Zeplin que se ha cobrado automáticamente por tercer año consecutivo.

El coste real de su stack de diseño no es la factura de $15 por editor de Figma. Son las tres herramientas que está pagando y que nadie abre, la cuenta de Hotjar que corre en paralelo con FullStory porque dos PMs compraron la suya por separado, y el contrato de UserTesting que le comprometió a 50 sesiones cuando usó 11.

Seré práctico. Precios reales de 2026. Las contrapartidas con las que me he topado de verdad. Y un plan de auditoría de 30 días que puede empezar el lunes y terminar antes de la próxima conversación de presupuesto del trimestre.

Por qué esto importa ahora (y por qué finanzas va a preguntar)

Los presupuestos de diseño se recortaron en 2024, de nuevo en 2025, y las personas que aprueban las renovaciones en 2026 no son las mismas que las aprobaron en 2022. Tienen un partner de finanzas, un dashboard de gasto en SaaS y una lista de cada herramienta con una utilización inferior al 50%.

"Usamos Figma" solía ser una respuesta completa. Ahora la pregunta de seguimiento es: qué asientos, quién inició sesión el mes pasado, por qué la investigación necesita una herramienta separada, y si podemos consolidar los dos proveedores de session replay antes de la renovación.

Si no puede responder esas preguntas en una reunión, alguien más lo hará por usted, y no le gustará la respuesta. Los diseñadores que conozco y que sobrevivieron las últimas dos rondas de presupuesto tenían algo en común: entraron a la reunión con la lista de herramientas, el coste por asiento y una lista de eliminación ya redactada. La defensa supera al pánico.

Las seis categorías esenciales (lo que todo stack UX realmente necesita)

Seis categorías. La mayoría de los equipos necesita una herramienta en cada una. Algunos necesitan dos. Casi nadie necesita tres.

1. Diseño: Figma es el estándar y funciona bien

Figma a $15 por editor al mes en el plan Professional es la respuesta aburrida y correcta para el 90% de los equipos. El plan Organization sube a $45 por editor al mes para SSO, analytics del design system y branching, lo que importa si supera los 30 diseñadores o trabaja en entornos regulados.

Las alternativas honestas:

  • Sketch: $12 por editor al mes, solo para Mac. Si todo su equipo está en Mac y lleva en Sketch desde 2017, el coste de migración a Figma probablemente no merece la pena. Si empieza desde cero en 2026, elegirá Figma. No voy a fingir lo contrario.
  • Penpot: open source, autoalojable, $0 en la edición comunitaria. Genuinamente usable en 2026. He visto dos startups funcionar con él porque su equipo de seguridad no permitía Figma en la nube. Si tiene esa restricción, es una opción real. Si no la tiene, está pagándose a sí mismo con el tiempo ahorrado al usar la herramienta que todos los demás usan.

No compre Adobe XD. Lleva dos años en soporte vital.

2. Prototipado: la trampa es comprar Framer cuando Figma era suficiente

El prototipado de Figma es suficientemente bueno para el 80% de lo que los equipos realmente lanzan. Flujos de clics, transiciones básicas, smart animate, las actualizaciones de variables de 2024. Todo ello incluido en su asiento de $15. No necesita una segunda herramienta para la mayoría de las pruebas de usuario.

Dónde realmente necesita más:

  • Framer: $15 por usuario al mes en el plan Pro, con publicación en los niveles Mini y Basic por debajo. La propuesta es real: interacciones reales y un sitio publicable, lo que importa si está prototipando experimentos de marketing o si el prototipo es el producto en sí. Si está prototipando pantallas de app para pruebas de usabilidad, no necesita Framer. He visto dos equipos comprar Framer para "prototipos más ricos" y nunca usar la capa de publicación, que es precisamente el punto diferencial.
  • ProtoPie: parte desde unos $13 por editor al mes en el plan Pro, más en Enterprise. La razón real para comprarlo: estados complejos con sensores, prototipos de hardware, lógica condicional que Figma no puede simular. Si diseña para una tableta que se comunica con un escáner Bluetooth, ProtoPie se paga la primera vez que evita construir un prototipo real en Swift. Si no es así, prescinda de él.

La regla que aplico: si su prototipo necesita engañar al usuario durante 90 segundos en una prueba de usabilidad, Figma es suficiente. Si necesita engañarle durante 10 minutos o simular un dispositivo real, considere ProtoPie. Si tiene que ser el sitio de marketing real, Framer.

3. Investigación: elija una, luego resista comprar una segunda

La investigación es donde los stacks se inflan más rápido porque cada PM tiene su herramienta favorita y cada diseñador la suya distinta.

  • Maze: $99 al mes en el plan Starter, $200 o más en Professional. Sólido para tareas no moderadas, pruebas de árbol, pruebas de primer clic y pruebas de prototipo conectadas directamente desde Figma. Si su equipo realiza muchas pruebas asíncronas pequeñas, Maze es el estándar correcto. Los informes son lo suficientemente buenos como para compartirlos con no investigadores sin traducción adicional.
  • UserTesting: precio para empresa, normalmente por encima de $30K al año para cualquier contrato con el panel de reclutamiento incluido. Sólido si necesita participantes reclutados en segmentos específicos, sesiones moderadas a escala y su equipo de investigación tiene el ancho de banda para ejecutarlas. Débil si un diseñador generalista va a realizar dos estudios al trimestre, porque agotará el asiento y el contador de sesiones.
  • dscout: diseñado para estudios de diario e investigación longitudinal. De nicho, pero la herramienta correcta cuando la alternativa es un caos de meses con capturas de pantalla de WhatsApp. Si no realiza estudios de diario, no lo necesita.
  • Lookback: sesiones remotas moderadas, más barato que UserTesting, alrededor de $25 por usuario al mes en el nivel inferior. Buen término medio si quiere hablar realmente con usuarios sin comprometerse con el panel de UserTesting.

El error más frecuente: un equipo compra UserTesting Enterprise, el investigador se va, y todos vuelven a Maze para el trabajo no moderado. Dos años después, la renovación de UserTesting sigue pasando porque nadie la tiene a su nombre. Asigne un propietario por herramienta, en todas las herramientas, en cada renovación.

4. Session replay: una es suficiente, dos es un error presupuestario

  • Hotjar: Observe Plus desde $39 al mes, Business desde $99. Mapas de calor, grabaciones de sesión, encuestas en página. El estándar correcto para equipos de producto de menos de 100 personas que quieren session replay sin construir un equipo de datos a su alrededor.
  • FullStory: precio para empresa, hay que contactar con ventas, pero el análisis de embudos y eventos es genuinamente más profundo que Hotjar. La opción correcta si sus PMs necesitan segmentar sesiones por 12 propiedades y ejecutar análisis de cohortes sin exportar a un data warehouse.

Nunca he visto que ambas pertenezcan al mismo equipo. Si las tiene las dos, una fue comprada por un PM que no sabía de la otra. Elija la más barata a menos que la profundidad de analytics se esté pagando a sí misma en insights accionables, y cancele la otra antes de la renovación.

5. Accesibilidad: Stark más axe es suficiente para la mayoría de los equipos

  • Stark: plugin de Figma, plan Individual alrededor de $5 al mes, planes de equipo con precio escalonado. Verificaciones de contraste, simulación de daltonismo, orden de foco, sugerencias de texto alternativo. La herramienta de accesibilidad mínima viable dentro de Figma. Cualquier equipo que lance algo orientado al cliente debería tenerla en cada asiento de editor.
  • axe DevTools: Pro parte desde unos $40 por usuario al mes, nivel gratuito para la extensión de navegador básica. Audita el sitio en vivo en DevTools. La respuesta correcta para detectar lo que las herramientas de diseño no pueden detectar (problemas reales del DOM renderizado, errores de ARIA, jerarquía para lectores de pantalla).

Si está regulado, sujeto a auditorías o desarrollando para el sector público, necesitará más que estas dos. Si es un equipo de producto normal que intenta no lanzar trabajo inaccesible, Stark en Figma más axe en el navegador es el suelo, y ese suelo es suficiente.

6. Entrega: Dev Mode eliminó Zeplin para la mayoría de los equipos

Esta es la categoría donde la mayoría de los equipos sigue pagando por algo que ya no necesita.

  • Figma Dev Mode: integrado en Figma, incluido en su asiento Professional u Organization. Inspección orientada a desarrollo, fragmentos de código, design tokens, indicadores de estado, vínculos profundos a Storybook. Para el 80% de los equipos, esto eliminó Zeplin en 2023 y simplemente no han terminado de deshacer el contrato.
  • Storybook: gratuito, open source. La fuente de verdad real para componentes si tiene un design system. Storybook más Dev Mode es el stack de entrega moderno.
  • Zeplin: plan Team alrededor de $7 por editor al mes, Organization más caro. Hay un caso real para Zeplin solo si entrega a un estudio de desarrollo externo que no tiene asientos de Figma. Para la mayoría de los equipos internos, Zeplin paga dos veces lo que Dev Mode ya hace.

He eliminado Zeplin personalmente dos veces en dos empresas distintas. Las dos veces la renovación ya estaba en el presupuesto para el año siguiente. Las dos veces el equipo de ingeniería había dejado de abrirlo nueve meses antes y nadie se había dado cuenta.

Errores frecuentes (cosas en las que he visto quemar dinero a los equipos)

  • Comprar Framer porque alguien quería "prototipos más ricos" y no usar la capa de publicación nunca. Si no publica, Figma era suficiente.
  • Renovar UserTesting sin comprobar el contador de sesiones. Un contrato de 50 sesiones usado en 11 es $30K por $7K de valor. Negocie a la baja o cámbiese a Maze.
  • Ejecutar Hotjar y FullStory en paralelo. Dos herramientas de session replay es un error presupuestario sin fuerza mayor. Elija una.
  • Seguir pagando Zeplin después de que llegó Dev Mode. Dos años de retraso en esta eliminación es normal. Tres años ya es responsabilidad suya.
  • Doce plugins por archivo de Figma, tres de los cuales duplican funciones nativas añadidas en 2024. Cada plugin es un elemento de auditoría, rendimiento y seguridad. Revise anualmente.
  • Asientos de investigación por IC que nadie usa. Si solo un diseñador al trimestre realiza investigación, compre un asiento rotativo, no cinco.
  • Olvidar cancelar. Los contratos anuales se renuevan automáticamente. Marque la fecha de renovación en el calendario 60 días antes, no 7.

La auditoría de 30 días (empiece el lunes)

Esta es la versión que he ejecutado yo misma, dos veces. Funciona. Además, le convierte en la persona con la que finanzas quiere hablar en lugar de evitar.

Semana 1: inventario

Liste todas las herramientas. Todas. Incluso las gratuitas, porque las gratuitas se vuelven de pago a escala.

Para cada herramienta, capture:

  • Nombre y categoría (una de las seis esenciales)
  • Plan y coste mensual
  • Número de asientos
  • Propietario por asiento (un nombre, no un equipo)
  • Último inicio de sesión por asiento, extraído del panel de administración
  • Fecha de renovación anual

Si no puede obtener los datos de último inicio de sesión del panel de administración, eso ya es un hallazgo en sí mismo. Las herramientas que no le dicen quién las usa son herramientas que no puede defender.

Semana 2: entrevistas

Hable con tres diseñadores y un PM. Haga las mismas cuatro preguntas:

  1. ¿Qué herramientas abre semanalmente?
  2. ¿Qué herramientas abre mensualmente o menos?
  3. ¿Qué herramientas no ha abierto nunca?
  4. Si tuviéramos que eliminar una herramienta mañana, ¿cuál y por qué?

El PM es fundamental. Los PMs ven las herramientas de analytics y prototipado de forma diferente a los diseñadores. Su respuesta sobre session replay y prototipado suele ser el voto decisivo.

Semana 3: eliminar

Cualquier herramienta con menos del 50% de uso semanal entre los titulares de asientos: cambie a un plan inferior o elimínela. Cualquier par de herramientas que haga el mismo trabajo: consolídelas en la más barata o la mejor. Cualquier herramienta sin propietario nombrado: la auditoría está completa y la respuesta es cancelar.

Un ejemplo realista de un equipo de 12 diseñadores con el que trabajé:

Herramienta Estado Coste/año Acción
Figma Org (12 editores) Mantener $6.480 Mantener, auditar plugins
Framer (5 asientos) Reducir a 1 $900 a $180 Un asiento rotativo para prototipos de marketing
UserTesting (3 asientos) Cancelar $32.000 a $0 Sustituir por Maze
Maze Pro Mantener, ampliar $2.400 a $4.800 Cubrir el trabajo de UserTesting
Hotjar Business Mantener $1.188 Elegir una
FullStory Cancelar $24.000 a $0 Elegir una
Zeplin (5 asientos) Cancelar $420 a $0 Dev Mode lo cubre
Stark Team Mantener $720 Suelo para accesibilidad
axe DevTools (2 asientos) Mantener $960 Detecta lo que Stark no puede

Total antes: aproximadamente $69.000 al año. Total después: aproximadamente $14.300 al año. El equipo obtuvo mejores herramientas, no peores. La victoria es la sustracción.

Semana 4: documentar

Redacte un "Design Ops README" de una página y póngalo en el repositorio del design system o en el Notion del equipo. Incluya:

  • La lista de herramientas con propietarios y fechas de renovación
  • La justificación de eliminación o mantenimiento (una línea cada una)
  • La lista de "ya lo intentamos" (Framer, FullStory, Zeplin, las que se eliminaron)
  • Instrucciones de onboarding para la próxima incorporación para que no vuelva a comprar lo que acaba de eliminar

El README es el artefacto que protege la auditoría un año después, cuando alguien nuevo se incorpora y vuelve a proponer Framer. Puede señalar el documento y decir "lo evaluamos en abril de 2026, este es el motivo por el que no lo usamos, esto es lo que cambiaría la respuesta." Esa es la conversación que quiere tener una vez, no cada trimestre.

El coste del stack por diseñador es el número que necesita

Al final de la auditoría de 30 días, debería poder responder a una pregunta sin abrir una hoja de cálculo: ¿cuánto nos cuesta el stack de diseño por diseñador al mes?

Un número razonable para 2026 en un equipo de producto normal es de $150 a $300 por diseñador al mes, todo incluido. Si está por encima de $400, tiene asientos sin usar o herramientas duplicadas. Si está por debajo de $100, o está corto de herramientas o es una startup de 2 personas usando niveles gratuitos, lo que también está bien.

El número en sí no es el objetivo. El objetivo es tener el número, saber qué incluye, y ser la persona que puede defender las partidas en una reunión de 15 minutos. Esa es la versión de design ops que finanzas deja tranquila.

Cómo se ve "bueno" en 2026

No necesita un stack sofisticado para lanzar un trabajo excelente. Necesita:

  • Asientos de Figma que coincidan con su recuento de editores, no más
  • Una herramienta de prototipado escalable, usada por quizás dos personas
  • Una herramienta de investigación, con un propietario nombrado
  • Una herramienta de session replay, elegida deliberadamente
  • Stark en cada asiento de Figma, axe en los navegadores que lo requieran
  • Dev Mode para la entrega, Storybook como fuente de verdad de componentes
  • Un README que diga al próximo miembro del equipo qué ya se ha probado

Ese es el stack completo. Seis categorías. Siete u ocho herramientas. Un número defendible. Un partner de finanzas que deja de preguntar.

La victoria es la sustracción.

Aprenda más