El diseño se reparte según el formato en el que el trabajo sale por la puerta. Un cartel sale en PDF y lo abre un impresor a las siete de la mañana; una pantalla sale en un fichero que otra persona vuelve a construir en código; un plano sale en DWG y lo abre un taller que mide. Ninguno de los tres llega a ver lo que tú veías mientras lo dibujabas.
Por ahí está cortado este pilar. Siete temas, y lo que los separa es quién recibe el fichero y con qué programa lo abre.
Siete temas, y el que decide es quién abre el fichero después de ti
Cuatro de los siete entregan algo que abre otra persona. El diseño gráfico entrega a una imprenta, con sus tres milímetros de sangre y su CMYK. El diseño de interfaces entrega a quien lo programa, que no reutiliza ni un píxel de lo que le mandas y sí todas las medidas. El CAD y dibujo técnico entrega a un taller, donde una tolerancia dice si el dibujo estaba bien sin que nadie opine. La ilustración es la excepción: no la abre nadie, sale como imagen y ahí se acaba, y por eso su dificultad es parar.
El quinto no entrega ningún fichero. UX decide qué debe existir antes de que alguien dibuje, y se equivoca en una conversación en vez de en una imprenta. El sexto es lo que comparten los cinco y su material es una regla en lugar de un objeto: los fundamentos del diseño. El séptimo son las herramientas de diseño, y está a esta altura porque aquí el cliente pide el programa por su nombre.
La división de siempre en España es la del título. Gráfica Publicitaria por un lado, Diseño de Interiores por otro, la animación en otra familia y el dibujo técnico en otra escuela. Divide por lo que aparece en el certificado, y aguanta hasta el primer cliente que pide dos de esas cosas en la misma semana, que es casi cualquier cliente.
Dejar el CAD fuera del mapa es la parte cara. Quien dibuja el escaparate de una tienda toma el mismo tipo de decisión que quien monta un cartel, delante de un juez que además mide.
Para colocarte, basta una pregunta. ¿En qué formato sale tu trabajo por la puerta, y quién lo abre? Si sale en un fichero que otra persona vuelve a levantar, tu trabajo son las medidas y no los píxeles. Si sale en DWG, alguien va a comprobarlo con un calibre.
El orden que funciona: el espaciado antes que el color, y el programa al final
El orden que casi todo el mundo sigue es el programa primero, y aquí tiene una explicación concreta: un módulo de FP y una academia pueden examinar un programa, y no pueden examinar el criterio. Se aprueba demostrando que sabes dónde está cada panel de Illustrator. Al final tienes el título, manejas el software y no tienes nada que meter dentro.
Dentro de los fundamentos hay un segundo orden equivocado, más silencioso. El color se aprende antes porque el color es la parte que se parece al diseño, y el espaciado se queda para nunca.
Tómalos al revés. Una página con un solo gris y los huecos bien puestos gana a una paleta con los huecos mal, y cuando un cliente dice que algo se ve pobre casi siempre está mirando el espaciado. El espaciado antes que el color es el orden, y la paleta sale luego más fácil porque le queda menos que rescatar.
Después va el terreno concreto en el que se trabaja, porque un cartel y un flujo de reservas dejan de parecerse en una semana. Y al final la herramienta, aprendida con la forma del trabajo y no con la forma de sus menús. Nadie necesita Figma entero: la parte que se usa a diario es una lista corta, y alguien que la conozca te la pasa en una tarde.
Antes de leer
Dónde se posa el ojo antes de que nadie haya leído una palabra
Tira primero el tamaño, luego el contraste, luego el aire alrededor. La posición va cuarta y el color va el último.
- Diferencia de tamaño39 contra 16 en la misma tarjeta, y el ojo ni se plantea la alternativa
- ContrasteEl negro sobre blanco llega antes que el gris, haga lo que haga el gris
- AislamientoEl aire alrededor, que por eso un hueco es una decisión y no una sobra
- PosiciónArriba y a la izquierda, y solo cuando los tres de encima están igualados
- ColorEs el que menos mueve el ojo, y es el que se aprende primero
El orden está argumentado aquí, no medido, y vale para una página de texto corriente. Una sola fotografía a toda página recoloca los cinco.
Todo el mundo aprende el lienzo y se para antes del sistema
Aquí es donde la gente de este pilar deja de avanzar sin enterarse de que ha dejado de avanzar. En Figma los dos nombres son auto layout y componentes, y quien se los salta puede construir cualquier pantalla suelta y no puede cambiar ninguna.
Alba Sanchís Moliner lleva cinco semanas con el portal de citas de la Gestoría Bielsa, en Zaragoza, y tiene 18 pantallas. El sistema visual se lo pasó la agencia del cliente, medido sobre textos en inglés, y ahora entra el castellano. La barra de navegación lleva cuatro palabras y dos de ellas se salen:
- Home ocupa 4 caracteres y Inicio 6
- Search ocupa 6 caracteres y Buscar 6
- Settings ocupa 8 caracteres y Configuración 13
- Sign out ocupa 8 caracteres y Cerrar sesión 13
Dos de las cuatro se parten en dos líneas, porque el castellano gasta alrededor de un quinto más de caracteres que el inglés para decir lo mismo. Hecho sobre el lienzo, Alba abre las 18 pantallas, baja el cuerpo de letra en las dos que se salen y empuja el resto a mano, y a la tercera pantalla los tamaños ya no coinciden entre ellos.
Hecho como componente con auto layout, la barra se recoloca sola y la corrección es una propiedad, escrita una vez.
Lo que se concluye en ese punto es que uno va lento, o que el castellano no cabe. Ninguna de las dos. Debajo hay una maqueta medida en un idioma más corto y construida de una forma que no admite cambios, y los cambios son lo único que pasa siempre.
No es un problema de Figma. El mismo atasco en InDesign son los estilos de párrafo: componer seleccionando el texto y cambiándolo funciona hasta la página 96 del catálogo de una ferretería de Murcia, cuando el cliente baja el cuerpo un paso y no hay de dónde bajarlo. Programa mucho más antiguo, atasco idéntico.
Qué abrir en 2026, y lo que cuesta de verdad
Figma es el estándar de interfaces desde 2019 aproximadamente, cuando le quitó el sitio a Sketch por funcionar en el navegador y dejar entrar a varias personas en el mismo fichero. Su capa gratuita es real y da para aprender todo esto. El fallo habitual con ella es tratar auto layout como una función avanzada: es la razón por la que el programa se diferencia del que sustituyó.
La imprenta no se ha movido. Illustrator sigue dibujando vectores e InDesign sigue componiendo documentos largos, y le quitó el sitio a QuarkXPress a mediados de los 2000 sin que nada se lo quitara después. No hay camino gratuito, solo una prueba.
Aquí eso pesa más que en el mercado donde se escribió que Figma le ganó a Sketch: el cliente te manda un .ai o un .indd y espera un PDF de imprenta, y quien solo sabe Figma no puede abrir lo que le llega. El precio al consumidor lleva además el 21 % de IVA, que en 2026 sigue siendo el tipo general.
Affinity Designer y Publisher son la licencia de pago único, y para un autónomo que paga una cuota fija todos los meses contra unos ingresos que no lo son, esa diferencia es la que decide. Las imprentas aceptan sus ficheros, que es la única prueba que cuenta. Canva compró Serif en 2024 y las condiciones se han movido, así que mira el precio del día y no la captura de un tutorial.
Penpot es la otra respuesta honesta: código abierto, gratis e instalable en tu propio servidor, para cuando los ficheros no pueden vivir en el de otro. AutoCAD es el estándar de delineación desde 1982, cuando sustituyó al tablero, y el formato es la razón de que siga ahí: cualquiera a quien le mandes un DWG puede abrirlo. Va por suscripción, es gratis para estudiantes, y FreeCAD es la vía abierta para el resto.
Las herramientas de IA generativa dan muchas variantes en poco rato, y eso ahorra la primera tarde de un encargo. No sostienen un sistema ni recuerdan una decisión: pídeles cuarenta veces un logotipo y devuelven cuarenta logotipos, no un logotipo cuarenta veces.
El atasco
Un cambio que entra por abajo llega a las 18 pantallas, o se hace 18 veces a mano
Aquí nada es un paso y nada va numerado. Cada losa la sostiene la de debajo, y la losa por la que entra el cambio es lo que el cambio cuesta.
- 18 pantallasLo que mira el cliente, y la única capa que casi todo el mundo llega a construir18 ediciones
- La barra de navegaciónMontada a partir del componente, no dibujada al lado
- El elemento de menú y su etiquetaEl componente, y la losa que un fichero hecho sobre el lienzo no tiene
- gap 8 y padding 16Dos números con nombre, guardados en un solo sitiouna edición
No dice nada de lo que tarda en levantarse la losa de abajo, que es la objeción justa: así la primera pantalla sale más lenta y la última de las 18 no.
La tipografía en castellano pide sitio arriba
Una escala montada sobre texto en inglés no deja hueco para lo que el castellano pone encima de las letras. Á, É, Í, Ó, Ú, Ñ y Ü suben por encima de la altura de mayúscula, y en un titular apretado contra la línea de arriba el acento se come el espacio o se recorta.
Eso se ve al escribir un titular en mayúsculas y no antes. La otra mitad es más burda: los signos de apertura son glifos, y una tipografía gratuita puede no traerlos. La familia sustituye entonces por otra fuente y el signo sale con otro grosor, o sale una caja vacía. Abre la tipografía y escribe una pregunta entera antes de elegirla.
La escala
Seis tamaños salidos de un solo número, y los saltos crecen con ellos
El salto de 31 a 39 es mayor que el de 13 a 16, y por eso un conjunto hecho multiplicando parece regular aunque sus diferencias no lo sean.
Cuerpos en puntos sobre una tarjeta A5 para una quesería de Cangas de Onís, dibujados desde una línea base en cero.
- 13dirección
- 16texto
- 20horario
- 25títulos
- 31sin usar
- 39el nombre
Deja fuera la interlínea, que es la otra mitad de una escala y se fija como proporción y no como cuerpo.
La señal a los tres meses: puedes decir por qué cada tamaño es el que es
Abre un fichero que hicieras hace un mes y cuenta los tamaños de letra distintos que hay en él. En el de un principiante hay once o doce, cada uno elegido arrastrando un tirador hasta que quedaba bien. En el de alguien que ya tiene los fundamentos hay cinco o seis, relacionados por un número que se puede decir en voz alta.
Uno trabajado. Una tarjeta A5 para una quesería de Cangas de Onís, partiendo de un cuerpo de 16: multiplica por 1,25 y redondea en cada paso, y por encima salen 20, 25, 31 y 39; divide una vez y queda 13 para la línea de la dirección. La tarjeta se compone entonces con una escala tipográfica de 16, 20, 25, 31 y 39, con el 13 para la letra pequeña y el 31 sin usar, porque una escala es un conjunto del que se elige y no uno que haya que gastar entero.
Los huecos funcionan igual. Coge una unidad y multiplícala: un 4 da gap 8 y padding 16, y a partir de ahí toda medida de la pantalla de Alba es 4, 8, 16, 24 o 32.
Los números en sí no son sagrados. Lo que cuenta es que una pantalla hecha con cinco valores de hueco parece compuesta y una hecha con diecinueve parece enferma, y nadie, tú incluido, sabe decir cuál de los diecinueve estaba mal.
Dos cosas más no admiten opinión. El texto corrido se lee entre 60 y 75 caracteres por línea, contados y no intuidos, y una línea de 110 caracteres es el motivo más frecuente de que una página de la que nadie se quejó no se lea. Y el contraste es aritmética: el gris #767676 sobre blanco pasa el 4,5 a 1 y el #999999 no, que es la diferencia entre un texto que se termina y otro que desaparece en un móvil a pleno sol.
Así que la señal a los tres meses no es que el trabajo se vea mejor. Es que otra persona abre tu fichero y cambia el color de acento en menos de un minuto, y que puedes decir por qué cada tamaño es el que es sin que la respuesta sea que quedaba bien.
Por dónde entrar
Venga de donde venga tu interés, los fundamentos van primero, y la puerta es la tipografía, porque casi todo lo que un cliente llama un problema de maquetación es un problema de tipografía con abrigo. La página menos evidente del pilar es aprender a ver, y es la que más cambia: se entrena reconstruyendo a tamaño real un trabajo que admiras y midiendo por dónde se fue el tuyo, que es la misma destreza que entrena la fotografía a través de un visor.
Toma UX antes que interfaces cuando la cosa se usa en vez de mirarse, y entra por la investigación de usuarios en lugar de por los wireframes, porque el wireframe es la parte barata. Entra en interfaces por los componentes solo después de haber construido dos veces lo mismo a mano; como primera lección, un kit es un archivador vacío.
El diseño gráfico es el tema que abrir cuando el trabajo va a imprimirse, porque la imprenta es donde el error deja de ser editable. La ilustración es aquel en el que atascarse es terminar y no empezar, y el CAD el que se lee en un taller, deprisa y por alguien a quien no vas a conocer.
Como la pantalla se termina en un navegador y no en el fichero, el desarrollo web queda más cerca de lo que la mayoría de diseñadores calcula. Y si además vas a facturarlo tú, el trabajo autónomo es la cuota que hay que contar antes de la primera hora.
Lo que ninguno de los siete contesta es la pregunta de debajo: cuánto tarda en llegarte la noticia de que te has equivocado. En una pantalla puede ser una tarde, y comprar esa tarde a propósito es de lo que trata la usabilidad. En una tirada de imprenta es la mañana que llegan las cajas, y en una pieza mecanizada es el momento en que dos piezas no encajan.