Aprender Diseño

01 Siete temas, ordenados por cuánto se mueve el recuadro

En un extremo está el recuadro que no se mueve nada. Un plano se compara contra una tolerancia, y estar mal es una cantidad: el barreno queda donde dice el dibujo o la pieza no ensambla. Ese extremo es CAD y dibujo técnico, el tema que casi todos los mapas de diseño dejan fuera, y sale caro dejarlo: quien dibuja una caja de engranes decide lo mismo que quien arma un cartel, delante de un juez que mide.

Un paso adentro está el recuadro fijo que además elegiste. Una hoja carta, una etiqueta de 60 por 40 milímetros: la medida se decide antes de la primera palabra y ya no se toca. Eso es diseño gráfico, con una trampa propia de aquí, porque las plantillas que circulan vienen en A4, de 210 por 297. Sobre carta, una plantilla europea queda seis milímetros angosta y dieciocho larga.

Después está el recuadro que se mueve sin avisar cuánto. Una pantalla no tiene un ancho, tiene un rango de anchos, y el texto que le entra lo escribe otra persona, en otro idioma, el mes que sea. Ese es diseño de interfaces, y existe aparte por eso: lo que ahí se dibuja sigue siendo cierto cuando el contenido cambia de tamaño, o no sirve.

Los otros cuatro quedan fuera de esa escala, y eso los define. Ilustración no tiene recuadro: nadie avisa que terminaste, y el atasco no es empezar sino parar. Experiencia de usuario no produce ningún objeto; decide si el recuadro debía existir y en qué orden se pide lo que va adentro. Fundamentos del diseño es el único tema cuyo material es una regla y no una cosa. Y herramientas de diseño está en este anillo porque así se teclea la pregunta, «cómo hago X en Figma».

La división de siempre es la de los puestos: gráfico de un lado, experiencia de usuario e interfaces del otro, ilustración al borde, dibujo técnico fuera del mapa. Aguanta hasta la semana en que alguien tiene que hacer dos, que aquí son casi todas.

Ubicarse toma una pregunta. Cuando entregas, ¿qué puede cambiar de tamaño después? Si nada, estás en impresión o en dibujo técnico y la dificultad es medir. Si el texto, estás en interfaces y la dificultad es que el archivo aguante. Si nadie va a volver a tocarlo, estás en ilustración y la dificultad es parar.

02 El orden equivocado en este mercado no es el programa, es la referencia

El consejo de casi todos los cursos gratuitos es no empezar por el programa. Aquí llega tarde: quien lee esto ya sabe moverlo, muchas veces un Illustrator instalado sin licencia sobre una versión de hace cinco años, y lo que le falta no es la herramienta.

El orden equivocado de aquí es otro: la referencia primero. Abres una captura en Behance o un kit de interfaz en inglés, lo copias y aprendes la superficie sin la regla que la sostiene. Aguanta hasta que entra el contenido real, en español, y ahí no hay con qué arreglarlo.

Dentro de los fundamentos hay un segundo orden invertido, más silencioso. El color se aprende primero porque es la parte que se parece a diseñar, y el espaciado se queda para después hasta que nadie nota que se saltó. Va al revés. Una página en un solo gris con los espacios bien puestos le gana a una paleta encima de espacios mal puestos, y un cliente que dice que algo se ve barato está mirando el espaciado. Espaciado antes que color, y la paleta sale más fácil después.

Luego el terreno del trabajo, porque un cartel y un flujo de compra dejan de parecerse a la semana. La herramienta al final: nadie necesita todo Figma, y la parte que se usa a diario es una lista corta.

03 El cambio que llega siempre es un cambio de texto

Este es el punto donde la gente de este pilar deja de avanzar sin enterarse. En Figma los dos nombres son auto layout y componentes, y quien se los salta puede armar cualquier pantalla suelta y no puede cambiar ninguna.

Daniela lleva cuatro semanas armando el agendador de Lavandería Aguamiel, en Monterrey, y tiene 26 pantallas. Llegan los textos definitivos. Donde el kit traía «Book now», ocho caracteres, ahora dice «Agendar recolección», diecinueve. Donde traía «Confirm» hay una etiqueta que pregunta «¿A qué hora te queda mejor?». Sobre el lienzo eso son 26 archivos abiertos y setenta recuadros estirados a mano. Armado con componentes, el ancho mínimo se escribe una vez y las 26 pantallas se redibujan solas.

El mismo texto en español ocupa entre 9% y 24% más que en inglés, medido en 2026 sobre un tutorial técnico y una hoja informativa de salud. En las etiquetas sueltas la diferencia es peor, porque no hay párrafo donde repartirla.

Daniela concluye que trabaja lento y busca un curso para usar mejor el programa. El programa no tiene la culpa. Construyó la versión que no admite cambios, en un mercado donde el cambio que llega es siempre el mismo.

Tampoco es cosa de Figma: en InDesign el mismo atasco se llama estilos de párrafo, y en español pega antes, porque una columna angosta justificada de palabras largas se abre en ríos blancos.

04 La tipografía gratuita se rompe en las mayúsculas acentuadas

El segundo atasco no aparece en ninguna página en inglés, porque su lector no lo paga. Una tipografía gratuita se juzga por la minúscula, que es lo que trae el espécimen, y el español la usa donde el inglés nunca llega: las mayúsculas con tilde en un título, y el signo de apertura al principio de cada pregunta.

Fallan tres cosas, en ese orden. La virgulilla de la Ñ pegada encima de una N, porque la familia no traía el glifo. La tilde de una Á que choca con la línea de arriba, porque el interlineado del espécimen se midió sin acentos. Y el signo de apertura ausente, que el navegador rellena con otra familia, con otro grosor.

De ahí sale una prueba anterior a la descarga: escribir «AÑEJO» y «¿QUÉ DÍA?» a 39 puntos en el espécimen. La regla es probar la Ñ y la Á antes que la minúscula. Si esas dos se sostienen, el resto casi siempre está bien; si no, la familia sirve para un texto en inglés y no para el tuyo.

Una portada compuesta con una familia elegida en inglés pierde sus acentos justo en el tamaño donde más se ven.

05 Qué abrir en 2026, y cuánto cuesta en pesos

Nada de esto está bloqueado desde México ni desde Colombia: la cuenta se abre y la tarjeta pasa. Lo que cambia es que el precio se anuncia en dólares y se paga en pesos, así que a la cifra hay que sumarle el tipo de cambio del día y el impuesto sobre servicios digitales del exterior, 16% en México y 19% en Colombia en 2026. En Colombia lo retiene el banco emisor al cobrar y lo entera a la DIAN, así que ya viene dentro de la cifra en pesos.

• Figma manda en interfaces desde 2019, cuando le quitó el lugar a Sketch por correr en el navegador y dejar entrar a varias personas al mismo archivo. El plan gratuito da tres archivos de diseño y tres pizarras; el asiento completo arranca en USD 12 al mes con pago anual, más IVA. Lo que sale mal es tratar auto layout como función avanzada: es la razón por la que se distingue del programa que reemplazó.
• Canva se lleva buena parte del diseño de los negocios chicos de aquí, y la página en inglés apenas lo admite. Su plan gratuito es el de verdad y no una prueba, y reemplazó a la plantilla de Word con la que se hacía el mismo volante. Lo que sale mal es pedirle un sistema: sirve para una pieza, no para sostener veinte parecidas entre sí.
• Affinity Designer y Publisher son la respuesta para quien no puede sostener una suscripción: un pago y ya, y las imprentas reciben los archivos, que es la única prueba que importa. Reemplazan a Illustrator y a InDesign. Serif fue comprada por Canva en 2024 y las condiciones se han movido, así que el precio se mira el día que se compra.
• Penpot es abierto y se instala en un servidor propio, así que sale gratis en los dos sentidos. Reemplaza un asiento pagado en el servidor de alguien más. Lo que sale mal es entrar solo: la ventaja aparece con el equipo entero adentro.
• AutoCAD es el estándar desde 1982, cuando reemplazó a la mesa de dibujo, y sigue ahí por el formato: quien reciba el plano puede abrir un DWG. Es suscripción, gratuita para estudiantes, y FreeCAD es la ruta abierta. Lo que sale mal es entregar un formato que el taller no abre.
• Un modelo que genera imágenes devuelve muchas variantes rápido, que es un ahorro real en la primera tarde. No sostiene un sistema ni recuerda una decisión: pedirle cuarenta veces un logotipo devuelve cuarenta logotipos y no uno cuarenta veces. Reemplazó al banco de imágenes, no al criterio.

Falta el que más pesa. Creative Cloud se factura en pesos y es la suscripción más cara que carga un diseñador aquí, así que conviene escribir instrucciones que funcionen sobre lo que la gente tiene, que a menudo es una versión vieja instalada sin licencia. Decirlo no lo recomienda; callarlo escribe la página para otro lector.

06 La señal a los tres meses se mide con dos números

Abre un archivo que hiciste hace un mes y haz una sola cosa: contar cuántos tamaños de letra distintos tiene. El de alguien que empieza trae once o doce, cada uno arrastrado hasta que se veía bien. El de alguien que ya pasó por los fundamentos trae cinco o seis, ligados por un número que se puede decir en voz alta.

Uno trabajado. La lista de precios de Tostadora Cerro Bravo, en Manizales, sale de un cuerpo de 16 puntos: multiplicar por 1.25 y redondear en cada paso da 20, 25, 31 y 39, y dividir una vez da 13 para la nota legal del pie. La hoja carta queda compuesta con una escala tipográfica de 16, 20, 25, 31 y 39, con 13 para lo chico y 31 sin ocupar, porque una escala es un conjunto del que se elige, no uno que haya que gastar. Dos tamaños puestos a ojo se ven como dos accidentes.

Los espacios salen igual. Toma una unidad y multiplícala: con un 4 quedan padding 16 y gap 8, y entonces toda medida del agendador de Aguamiel es 4, 8, 16, 24 o 32. Los números no son sagrados. Lo que importa es que una pantalla con cinco valores de hueco se ve compuesta y una con diecinueve se ve enferma, y nadie puede decir cuál de los diecinueve estaba mal.

Dos más no piden opinión. El texto corrido va de 60 a 75 caracteres por línea, contados y no sentidos, y en español ese tope llega antes: la columna que en inglés cabía en 65 se pasa de 75 con el mismo ancho. Y el contraste es aritmética: el gris #767676 sobre blanco pasa 4.5 a 1 y el #999999 no, que es la diferencia entre un texto que se lee y uno que desaparece en un celular a mediodía.

Y una tercera que solo cuenta en este idioma. Toma la cadena más larga del archivo, pégala en todos los botones y cuenta cuántos componentes se rompen. A los tres meses la señal no es que el trabajo se vea mejor: es que ese pegado no rompe nada.

07 Por dónde se entra, y en qué orden

Venga de donde venga el interés, los fundamentos van primero, y la puerta es Tipografía, porque casi todo lo que un cliente llama problema de diagramación es un problema de tipo con abrigo. La menos obvia es Aprender a ver, y es la que más cambia el trabajo: ver se entrena rearmando a tamaño real una pieza que admiras y midiendo dónde se fue la tuya, la misma habilidad que entrena la fotografía por el visor.

La experiencia de usuario va antes que las interfaces cuando la cosa se usa en vez de mirarse, y se entra por investigación y no por wireframes. A componentes se llega después de armar dos veces lo mismo a mano: como primera lección, un kit es un archivero vacío. Y una pantalla se termina en un navegador, lo que vuelve desarrollo web un desvío más corto de lo que la mayoría espera.

El diseño gráfico se abre cuando el trabajo va a imprimirse, porque ahí el error deja de ser editable a una hora exacta, y la ilustración cuando el atasco es terminar. A las herramientas conviene entrar por Figma, ya sabiendo qué estás haciendo.

Lo que ninguno de los siete contesta es la pregunta de abajo: quién te va a decir que está mal, y cuánto tarda en llegarte. En una pantalla puede ser una tarde, y Usabilidad es la página sobre comprar esa tarde a propósito. En un tiro de imprenta es la mañana en que llegan las cajas, y de eso trata Impresión. Si quien te lo va a decir es un cliente que te contrató por WhatsApp, la respuesta está en trabajo freelance, donde se negocia cuántas rondas de corrección entran en el precio.