Diseño
¿Cuánto cuesta el diseño UX/UI de una app en 2026, pantalla a pantalla?
Parallel (julio de 2026) sitúa el diseño de un MVP de app móvil de 15–25 pantallas en 15.000–40.000 $, y según Clutch los proyectos UX/UI reseñados suelen costar 10.000–49.999 $. El precio sale de multiplicar pantallas por estados, roles y plataformas. El paquete UX/UI de aplicación móvil de VITON13 cuesta 93 $ asistido por IA o 113 $ dirigido por especialistas.
¿Cuánto cuesta diseñar una app en 2026 según quién la diseñe?
Sin contar las pantallas nadie puede poner precio al diseño de una app, así que el mercado publica tarifas por hora y rangos por proyecto, con mucha dispersión.
| Vía | Precio publicado | Se cobra por | Fuente |
|---|---|---|---|
| Diseñador freelance | 20–50 $ la hora (júnior); 100–200 $ (sénior) | Horas | Parallel, 2 jul 2026 |
| Agencia UX en Clutch | 25–49 $ la hora lo más habitual; 50–99 $ en España; 100–149 $ en EE. UU. | Horas o proyecto | Clutch, 21 sep 2026 |
| MVP de app móvil, 15–25 pantallas | 15.000–40.000 $ | Proyecto | Parallel, 2 jul 2026 |
| Proyectos UX/UI reseñados en Clutch | Normalmente 10.000–49.999 $; el proyecto medio de agencia ronda los 85.000 $ | Proyecto | Clutch, 21 sep 2026 |
| VITON13, UX/UI de app móvil, asistido por IA | 93 $ | Paquete cerrado | Nuestro precio publicado |
| VITON13, UX/UI de app móvil, dirigido por especialistas | 113 $ | Paquete cerrado | Nuestro precio publicado |
| VITON13, diseño de producto SaaS | 213 $ asistido por IA o 313 $ dirigido por especialistas | Paquete cerrado | Nuestro precio publicado |
Un paquete y un proyecto de agencia de cinco cifras no son el mismo trabajo a dos precios. La agencia suele sumar investigación con usuarios, pruebas y meses de iteración: según Clutch, el proyecto UX reseñado típico dura 10 meses. Nuestro paquete compra un resultado acotado: los flujos principales de un producto, dibujados y conectados para el desarrollador. En modo asistido por IA, la IA hace borradores y un diseñador dirige y revisa cada pantalla; en modo dirigido por especialistas, trabaja el diseñador y la IA solo ayuda.
Por hora, por pantalla, por flujo o por sprint: ¿qué modelo protege al cliente?
La unidad del presupuesto decide quién paga cuando la app crece más allá del brief.
| Modelo | Cómo funciona | Tu riesgo | Encaja cuando |
|---|---|---|---|
| Por hora | Horas trabajadas × tarifa | Cada duda abierta se convierte en horas facturadas | El producto cambia cada semana |
| Por pantalla | Un precio por cada pantalla única | Estados y variantes se cobran como pantallas extra | La lista de pantallas está cerrada |
| Por flujo | Un precio por tarea del usuario, como registrarse o pagar | Flujos mal definidos pierden sus casos límite | Puedes nombrar las 3–6 tareas clave |
| Por sprint | Un equipo durante una o dos semanas | Todo se frena si las aprobaciones tardan | Alguien de tu lado decide rápido |
| Paquete cerrado | Un alcance escrito a precio fijo | Lo que queda fuera se presupuesta aparte | La primera versión está acotada y sus flujos claros |
El estudio Purrweb calcula que un brief impreciso encarece el diseño un 30–50 %. Sea cual sea el modelo, la defensa es una lista de pantallas contada y adjunta al presupuesto, para que ambas partes valoren lo mismo.
¿Cómo se convierten 12 pantallas en 60?
Una lista de funciones esconde casi todo el dibujo. Cada punto de abajo multiplica las vistas que un diseñador tiene que producir y revisar.
- Estados: una pantalla con datos necesita versión vacía, de carga, de error y completa; un formulario suma validación y éxito.
- Roles: invitado, usuario y administrador ven menús, permisos y estados vacíos distintos.
- Plataformas: iOS y Android comparten flujos, pero no todos los patrones de navegación ni los controles del sistema; tableta y web añaden maquetaciones.
- Modo oscuro: cada color necesita un segundo valor y cada pantalla otra comprobación de contraste.
- Idiomas: los textos en alemán o francés ocupan más que en inglés, y los idiomas de derecha a izquierda invierten la maqueta.
- Accesibilidad: texto del sistema ampliado, orden de foco lógico y zonas táctiles de al menos 24 × 24 píxeles CSS (WCAG 2.2).
Doce pantallas con estado vacío, de carga y de error suman ya 48 vistas. Un administrador con otro menú en tres de ellas añade doce más. Si alguien cobra por pantalla, pregunta qué estados y variantes entran en su cifra.
¿Cómo contar tus pantallas antes de pedir presupuesto?
Rellena esta hoja antes de la primera llamada. Convierte una lista de deseos en un alcance que un estudio puede valorar y te deja comparar presupuestos línea a línea.
| Línea | Qué anotar | Por qué mueve el precio |
|---|---|---|
| Tareas clave | Las 3–6 cosas que el usuario debe poder hacer en la primera versión | Cada tarea es un flujo con sus pantallas |
| Pantallas por tarea | Cada paso desde la entrada hasta el final, confirmaciones incluidas | La base que todo lo demás multiplica |
| Estados | Qué pantallas pueden quedar vacías, cargando, con error o sin conexión | A menudo duplica el trabajo en pantallas con datos |
| Roles | Invitado, usuario, administrador, socio: quién ve qué | Cada rol añade variantes y permisos |
| Plataformas | iOS, Android, web o tableta, y cuál sale primero | Nuevas maquetaciones y convenciones |
| Temas e idiomas | Solo claro o también oscuro; uno o varios idiomas | Segunda paleta, textos largos, maquetas invertidas |
| Lo que ya existe | Logo, colores, tipografías, una app anterior, analítica | Reutilizar ahorra investigación e identidad |
| Aplazado a propósito | Funciones que dejas conscientemente para la versión dos | Evita que el alcance crezca en silencio |
Adjunta la hoja a tu solicitud: así el presupuesto valora el producto que describes y no una suposición sobre su tamaño.
¿Cuándo merece la pena pagar un sistema de diseño y cuándo no?
Una biblioteca de componentes es el conjunto reutilizable de botones, campos, tarjetas y menús con el que se monta cada pantalla. Un sistema de diseño añade fundamentos (tokens de color, tipografía y espaciado), normas de uso y gobierno, para que varias personas amplíen el producto sin que pierda coherencia. Parallel sitúa solo la construcción de un sistema de diseño en 8.000–30.000 $.
- Compensa: dos plataformas o más, varios desarrolladores, pantallas nuevas cada mes o un segundo producto con la misma marca.
- Todavía no: un primer MVP con un solo desarrollador, un prototipo para validar la demanda o flujos que aún pueden cambiar.
- Término medio: crear la biblioteca dentro del diseño de la app y convertirla en sistema cuando los flujos se asienten.
El paquete UX/UI de aplicación móvil incluye una biblioteca de componentes; el desarrollo de sistema de diseño, con fundamentos y documentación de gobierno, es otro paquete de 113 $ asistido por IA o 173 $ dirigido por especialistas para cuando la biblioteca se le quede corta al producto.
¿Qué archivos de entrega demuestran que la app se diseñó bien?
La calidad del diseño se ve el día en que un desarrollador abre los archivos. Revisa esta lista antes de aprobar la última ronda de cambios.
| Entregable | Una entrega completa incluye | Señal de alarma |
|---|---|---|
| Flujos de usuario | Cada tarea clave de principio a fin, con sus puntos de decisión | Pantallas bonitas sin mapa de cómo se conectan |
| Pantallas y estados | Versiones vacía, de carga, de error y de éxito en pantallas con datos | Solo está dibujado el camino ideal |
| Biblioteca de componentes | Componentes con nombre y variantes, usados en todas las pantallas | Elementos sueltos redibujados en cada pantalla |
| Especificaciones y tokens | Color, tipografía, espaciado y radios como valores con nombre | El desarrollador mide píxeles a ojo |
| Prototipo | Flujos clave enlazados para probarlos en un móvil | Solo imágenes estáticas |
| Accesibilidad | Contraste, escalado de texto, orden de foco, zonas de 24 × 24 px CSS | La accesibilidad queda a criterio del desarrollador |
| Archivos editables | Archivos de trabajo que pasan a ti junto con los derechos | PNG exportados o un enlace de solo lectura |
Guarda los archivos de trabajo en un espacio que controle tu empresa. En los planes de pago de Figma otras personas pueden ver y comentar sin comprar puestos, y un puesto Dev del plan Professional figura a 12 $ al mes.
¿Cuándo no conviene encargar todavía el diseño de una app?
A veces sale mejor empezar por un paso más barato.
- La demanda no está probada: una landing con lista de espera cuesta menos que una app y muestra si alguien la quiere.
- La app ya existe y los usuarios se quejan: empieza por una auditoría UX (53 $ asistido por IA o 73 $ dirigido por especialistas, un recorrido clave y hasta 10 pantallas) o una revisión de UX móvil (33 $ asistido por IA o 53 $ dirigido por especialistas) antes de redibujar nada.
- Necesitas investigación con usuarios reales: reclutamiento, incentivos y entrevistas van en otro presupuesto. Nielsen Norman Group aconseja probar con unos 5 usuarios por ronda y hacer varias rondas pequeñas.
- El producto es una plataforma con varios roles: el diseño de producto SaaS, con interfaz por roles y entrega a ingeniería (213 $ asistido por IA o 313 $ dirigido por especialistas), encaja mejor que un paquete móvil.
Cómo lo hace VITON13
UX/UI de aplicación móvil es un paquete de precio cerrado para un equipo que sabe qué debe hacer su primera versión. Envía la hoja de arriba o una lista de funciones: en un día laborable recibes un alcance escrito con la lista de pantallas, el plazo y el precio final, y nada empieza ni se cobra hasta que lo apruebas.
UX/UI de aplicación móvil
- Precio
- 93 $ asistido por IA o 113 $ dirigido por especialistas
- Plazo
- 8–15 días laborables
Diseño de producto SaaS
- Precio
- 213 $ asistido por IA o 313 $ dirigido por especialistas
- Plazo
- 15–30 días laborables
Auditoría UX
- Precio
- 53 $ asistido por IA o 73 $ 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
- Flujos de usuario para las tareas clave del alcance escrito
- Pantallas principales de esos flujos, con los estados de cada una acordados en el alcance
- Una biblioteca de componentes con la que se montan las pantallas
- Modo a elegir, asistido por IA o dirigido por especialistas, indicado en el alcance
- Archivos editables y derechos, que pasan a ti al pagar el precio final
- Un informe escrito de cierre con todo lo entregado
- Plazo: 8–15 días laborables desde un alcance aprobado y los materiales
No incluye
- Reclutamiento de participantes, incentivos y entrevistas
- Desarrollo de la app, backend y publicación en las tiendas
- Identidad de marca e icono de la app, salvo presupuesto aparte
- Tipografías, packs de iconos y otras licencias de terceros
- Un sistema de diseño completo con documentación de gobierno
Revisiones: 2 rondas de revisión sobre los entregables
Recibir presupuesto en 1 día laborablePresupuesto por escrito en 1 día laborable
Ejemplo
PROPIOProducto propio
VITON ID: nuestra propia área de cliente, contada con la hoja de esta guía
VITON ID es la cuenta de viton13.com; VITON13 la diseñó, la construyó y la gestiona para su propio sitio. Contada con la hoja de arriba: acceso con correo o con un ID de 13 dígitos más contraseña, código de confirmación por correo y restablecimiento de contraseña; diez vistas en el área personal, de Resumen y Mensajes a Pedidos y Ajustes; una consola solo para administradores; una línea de invitado para quien no tiene cuenta; textos en cinco idiomas. Son tres roles y cinco versiones de idioma sobre el recuento de vistas. Para el pago, nuestra tienda concepto ORIVA muestra tres pasos validados: contacto, envío y pago.
Qué no demuestra
- VITON ID es un producto web propio, no la app nativa de un cliente, y no se hizo como paquete UX/UI de aplicación móvil ni a su precio.
- No hay publicado ningún estudio de usabilidad con usuarios externos; la zona privada se revisó en el código y en pruebas automáticas, no en vivo.
- El caso no da cifras de miembros, pedidos ni ingresos, así que no dice nada sobre conversión.
- ORIVA es un concepto de una marca ficticia; su proceso de compra no cobra.
Leer el caso: VITON ID: una sola cuenta para pedidos, mensajes y bonos
Preguntas y respuestas
¿Cuánto tarda el diseño UX/UI de una app?
Los proyectos abiertos se alargan: según Clutch, un proyecto UX típico dura 10 meses. Un paquete acotado es más corto: UX/UI de aplicación móvil tarda 8–15 días laborables y el diseño de producto SaaS 15–30 días laborables, desde un alcance aprobado. El cuello de botella suele ser el feedback, así que nombra a una sola persona que apruebe cada ronda.
¿Se puede diseñar una app sin investigación con usuarios?
Sí, pero el diseño descansará en tus suposiciones, así que pruébalas pronto. Un prototipo que recorren unas cinco personas de tu público por ronda, como recomienda Nielsen Norman Group, detecta barato la mayoría de los problemas de usabilidad. Reclutarlas y pagar incentivos queda fuera de los paquetes de diseño, también del nuestro.
¿De quién son los archivos de diseño y los componentes?
En VITON13, los derechos sobre lo entregado y los archivos editables acordados pasan a ti al pagar el precio final; tipografías, iconos y otras licencias de terceros van aparte. Trabajes con quien trabajes, guarda los archivos en un espacio de tu empresa, no solo en la cuenta personal del diseñador.
¿Y si las pantallas hechas con IA salen genéricas o con errores?
En modo asistido por IA, un diseñador revisa cada pantalla antes de enseñártela, y las 2 rondas de revisión cubren cambios en los flujos acordados. Si prefieres a una persona desde el primer boceto, elige el modo dirigido por especialistas por 113 $. La IA no decide los flujos ni aprueba el resultado; eso depende de ti y del diseñador.
¿Cómo se paga y puedo cancelar?
No se cobra nada antes de que apruebes el alcance escrito, y hasta entonces puedes cancelar sin coste. Una vez empezado el trabajo, se cobra lo hecho y se devuelve la parte no iniciada. Los precios se fijan en dólares estadounidenses; la web muestra una conversión aproximada a tu moneda.