Diseño Gráfico y UX

Configura tu stack de diseño paso a paso en 2026

Post actualizado el día octubre 29, 2026 by DeiviSanzPlay

Configurar tu stack de herramientas de diseño paso a paso

Elegir entre Figma, Penpot, Sketch, Affinity Designer o Adobe Illustrator no se resuelve con una tabla de precios. La decisión real aparece cuando intentas montar un flujo de trabajo que combine archivos, licencias, plugins y personas con distintos niveles técnicos. Lo que sigue es un recorrido práctico: cómo configurar un entorno de diseño desde cero, qué probar antes de pagar y en qué punto cada herramienta empieza a fallar para según qué equipos.

Paso 1: define el tipo de archivo maestro antes de abrir la app

Antes de instalar nada, decide qué formato será la fuente de verdad. Si el equipo comparte archivos con agencias externas, el formato nativo cerrado complica la vida. Si todo el trabajo se queda dentro de casa, un formato propietario no es un problema serio.

En la práctica, la mayoría de equipos pequeños acaba con dos capas: un archivo de interfaz (Figma o Penpot) y un archivo de gráfica vectorial (Illustrator, Affinity o Inkscape). Configurar dos capas desde el principio evita el clásico desastre de tener logotipos editados dentro de un archivo de pantallas.

  • Figma: formato .fig, colaboración en tiempo real, curva de aprendizaje baja para perfiles no técnicos.
  • Penpot: código abierto, se puede autoalojar, formato abierto basado en SVG. Requiere algo de conocimiento de Docker si quieres instancia propia.
  • Sketch: exclusivo de macOS, formato .sketch, ecosistema de plugins maduro pero dependiente del sistema operativo.
  • Affinity Designer: pago único, archivos locales, sin colaboración en la nube nativa.
  • Adobe Illustrator: estándar de imprenta, suscripción mensual, curva de aprendizaje media-alta.

Paso 2: monta un entorno de pruebas con un proyecto real de dos horas

No pruebes herramientas con un archivo de ejemplo. Coge un encargo real, aunque sea pequeño: una landing de tres secciones o una tarjeta de visita con dos caras. Cronométrate. La sensación que tengas a las dos horas suele ser más fiable que cualquier comparativa de funcionalidades.

Un caso concreto que he visto repetirse: un equipo de marketing con dos diseñadores y cuatro personas de contenido probó Figma y Penpot en paralelo durante una semana. Figma ganó en velocidad de incorporación, pero Penpot resolvió mejor la integración con su repositorio interno porque permitía exportar componentes como SVG limpio sin plugins de terceros. La conclusión no fue «Penpot es mejor», sino «Penpot encaja mejor con nuestro flujo de desarrollo».

Paso 3: configura las cuentas, permisos y asientos

Este paso se salta demasiadas veces y luego aparecen facturas sorpresa. En Figma, los asientos de editor y de visor se facturan distinto; en Sketch, la licencia es por usuario y por equipo; en Adobe, el plan de Creative Cloud incluye varias apps que igual no necesitas.

Recomiendo crear tres roles desde el minuto uno:

  1. Editor: solo perfiles que crean o modifican archivos maestros.
  2. Comentador: perfiles que revisan y anotan pero no tocan capas.
  3. Visor: perfiles que solo consultan entregables terminados.

En Figma, esto se traduce en asientos de pago distintos. En Penpot, si es autoalojado, los roles se gestionan desde el panel de administración. En Sketch, los visores dependen de compartir enlaces web, no de asientos nativos.

Paso 4: instala solo los plugins que vas a usar en la primera semana

El error más común al configurar Figma es instalar veinte plugins el primer día. Ralentiza la app, rompe flujos y añade dependencias que luego nadie recuerda para qué servían. Mi recomendación es empezar con tres: uno de iconos, uno de exportación y uno de contenido de relleno.

En Illustrator el equivalente son los scripts y las acciones. Affinity Designer no tiene un ecosistema de plugins comparable, y eso es una limitación real para equipos que dependen de automatizaciones concretas. Penpot está creciendo en plugins, pero su catálogo sigue siendo más reducido. Si tu flujo depende de un plugin muy específico de Figma, Penpot probablemente no sea la opción.

Paso 5: define el sistema de entrega y la sincronización

Diseñar es la mitad. La otra mitad es cómo llega el archivo al equipo de desarrollo o al cliente. Aquí las herramientas se separan con claridad:

  • Figma exporta a PNG, SVG, PDF y código de estilo. La integración con Dev Mode (de pago) añade anotaciones técnicas.
  • Penpot exporta SVG y CSS, y permite inspeccionar medidas sin plugins.
  • Sketch exporta a través de plugins y de su app de desarrollo, pero requiere macOS.
  • Affinity Designer exporta a PDF, SVG, EPS y PNG con control fino, pero sin inspección de estilos para desarrollo.
  • Illustrator exporta a PDF y SVG, pero los estilos no se traducen bien a CSS sin un paso intermedio.

Si el equipo de desarrollo trabaja con tokens de diseño, Figma y Penpot permiten conectarlos a variables. Affinity e Illustrator se quedan fuera de ese circuito y obligan a un traspaso manual.

Paso 6: prueba el escenario incómodo

Antes de comprometerte con una suscripción anual, simula el escenario que más miedo da: un archivo corrupto, un compañero que se va, un cliente que pide el archivo nativo. Pregúntate:

  • ¿Puedo recuperar una versión anterior sin depender del soporte?
  • ¿Puedo transferir la propiedad del archivo a otra cuenta?
  • ¿Puedo abrir mis archivos si mañana la empresa cierra?

Figma tiene historial de versiones y transferencia de propiedad, pero el archivo .fig solo se abre en Figma. Penpot, al ser código abierto, permite montar tu propia instancia y conservar los archivos en formato abierto. Sketch depende de macOS y de su app. Affinity e Illustrator generan archivos locales que sobreviven a cualquier cierre de empresa, pero pierdes la colaboración en tiempo real.

Qué no funciona con cada herramienta

Figma no funciona bien para maquetación editorial compleja con control tipográfico fino; para eso Illustrator o Affinity Publisher siguen siendo mejores. Penpot no funciona para equipos que necesitan plugins muy específicos del ecosistema Figma. Sketch no funciona para equipos mixtos Windows y macOS. Affinity Designer no funciona para flujos que requieren colaboración en tiempo real sin montar un servidor de archivos compartidos. Illustrator no funciona como herramienta de interfaz para equipos ágiles que necesitan comentarios sobre el propio lienzo.

Un límite que conviene aceptar

Ninguna combinación de herramientas resuelve el problema de fondo: si el equipo no tiene un sistema de componentes acordado, el mejor software no evita el caos de archivos duplicados. He visto equipos con Figma de pago trabajando peor que equipos con Penpot gratuito porque los primeros no tenían convenciones de nombres.

Tampoco prometo que esta configuración funcione igual en todos los contextos. Un estudio de una persona, un equipo de producto de veinte y una agencia de branding tienen necesidades incompatibles. La configuración de arriba es un punto de partida razonable para equipos pequeños y medianos, no una receta universal.

Fuentes y lecturas de referencia

Para contrastar decisiones de licencia y compatibilidad, conviene revisar la documentación oficial de Figma, Penpot, Sketch, Affinity y Adobe, así como las notas de versión de cada herramienta. Los foros de la comunidad de Penpot y el repositorio público del proyecto son útiles para entender limitaciones de autoalojamiento. Para comparativas de precio y planes, las páginas de precios de cada proveedor son la única fuente fiable, porque cambian con frecuencia.

Cierre operativo

Si tuviera que resumir la configuración en una frase: empieza con una herramienta de interfaz y una de gráfica, define roles antes de invitar a nadie, instala tres plugins como máximo y prueba el escenario de salida antes de pagar el plan anual. El resto son ajustes que se hacen sobre la marcha.


Sobre el autor: DeiviSanzPlay — Soy David Sanz, Editor y Responsable de Contenidos. Mi trabajo consiste en revisar, corregir y mejorar los contenidos de este blog para que la información sea clara, útil y esté bien estructurada. Trabajo con diferentes temáticas y verticales, por lo que una parte importante de mi día a día es analizar cada contenido, cuidar la redacción y asegurar que el lector encuentre información de calidad. Me gusta prestar atención a los detalles. Desde una corrección de estilo hasta la organización de un artículo, todo cuenta cuando se trata de crear contenidos que realmente aporten valor y sean fáciles de entender. En este blog encontrarás artículos sobre diferentes temas y sectores. Mi responsabilidad es cuidar y supervisar cada contenido para que mantenga unos estándares de calidad y ofrezca una buena experiencia a quien nos visita. Porque para mí, un buen contenido no consiste únicamente en escribir. También hay que revisar, contrastar, ordenar y pensar en la persona que está al otro lado de la pantalla.

Perfiles verificables: Sitio web

Publicado el 29 de October de 2026. Última revisión: 29 de October de 2026.