Curso de Sketch

Dominar canvas, layers list, inspector, toolbar, páginas, artboards, frames, vistas y navegación rápida.

Organizar documentos por páginas de exploración, producto, componentes, flujos, prototipos y documentación.

Crear estructura de archivos para proyectos pequeños, medianos y design systems corporativos.

Aplicar convenciones de naming para páginas, capas, componentes, variantes, estados y versiones.

Usar atajos y comandos para acelerar tareas repetitivas sin perder precisión.

Configurar reglas, guías, grids, layouts y snapping para trabajar con consistencia.

Evitar documentos con capas ocultas, duplicados, pantallas antiguas y elementos sin mantenimiento.

Trabajar con símbolos visuales de estado: borrador, validado, pendiente, deprecated y listo para desarrollo.

Crear plantillas internas para nuevos proyectos o clientes.

Taller: reorganizar un archivo Sketch caótico hasta dejarlo preparado para trabajo de equipo.

Crear formas básicas, curvas, líneas, iconos, máscaras, boolean operations y elementos vectoriales editables.

Usar puntos, handles, bezier curves y operaciones de unión, resta, intersección y diferencia.

Diseñar iconos consistentes con grid, optical alignment, pesos, proporciones y exportación SVG.

Evitar mezclar elementos rasterizados cuando debería mantenerse vectorial.

Crear ilustraciones simples para estados vacíos, onboarding, banners o microinteracciones.

Gestionar bordes, rellenos, sombras, blur, opacidad, degradados y estilos reutilizables.

Mantener precisión de píxel cuando se diseñan interfaces para pantalla.

Preparar iconografía con tamaños, variantes, estados y convenciones de nombre.

Revisar compatibilidad de SVG con desarrollo frontend.

Taller: crear set de iconos UI consistente y exportable para desarrollo.

Crear artboards y frames para mobile, tablet, desktop, smartwatch o formatos personalizados.

Diferenciar exploración visual, pantalla final, componente, plantilla y flujo navegable.

Organizar pantallas por plataforma, sección, estado, usuario o recorrido.

Crear versiones alternativas sin duplicar innecesariamente todo el archivo.

Diseñar pantallas base para iOS, Android, web responsive y dashboards.

Usar reglas de espaciado para mantener ritmo visual y coherencia.

Evitar pantallas aisladas sin relación con flujo, estado o contexto.

Preparar artboards para revisión, prototipado y handoff.

Añadir notas internas sin contaminar la pantalla final.

Taller: estructurar un set de pantallas de una app con estados y flujos claros.

Aplicar principios de layout para interfaces móviles y web.

Usar stacks y estructuras flexibles para componentes que cambian de contenido.

Diseñar tarjetas, listas, formularios, cabeceras, footers, menús y layouts complejos.

Definir reglas de espaciado, padding, gap, alineación y distribución.

Evitar composiciones rígidas que se rompen con textos largos o cambios de idioma.

Preparar pantallas para diferentes anchos y densidades.

Crear patrones responsive para desktop, tablet y mobile.

Gestionar overflow, contenido dinámico, estados vacíos y errores.

Documentar comportamiento esperado para desarrollo.

Taller: transformar una pantalla fija en un diseño responsive con reglas claras.

Configurar familias tipográficas, pesos, tamaños, interlineado, tracking y estilos.

Crear escala tipográfica para headings, body, captions, labels, buttons y mensajes.

Diseñar jerarquía visual coherente en pantallas densas.

Evitar estilos tipográficos manuales no conectados al sistema.

Aplicar criterios de legibilidad, contraste, longitud de línea y espaciado.

Gestionar fuentes variables y OpenType features cuando aportan valor.

Preparar fallback fonts y criterios de implementación.

Documentar usos correctos e incorrectos de cada estilo.

Revisar diferencias entre diseño y renderizado real en navegador o sistema operativo.

Taller: crear sistema tipográfico completo para una app corporativa.

Crear paleta principal, secundaria, neutral, semántica y de estados.

Definir estilos de color para fondo, texto, borde, icono, acción, error, éxito y aviso.

Evitar colores sueltos aplicados manualmente sin relación con el sistema.

Aplicar criterios de contraste y accesibilidad desde el inicio.

Diseñar tokens visuales exportables o traducibles a desarrollo.

Gestionar modos claro, oscuro o temas de marca cuando procede.

Crear estilos reutilizables y documentar su uso.

Revisar consistencia cromática entre pantallas, componentes y librerías.

Preparar handoff de colores con nombres semánticos, no solo valores hexadecimales.

Taller: crear sistema de color escalable con estados y modo oscuro.

Crear estilos compartidos de texto, color, sombras, bordes y efectos.

Reutilizar estilos para reducir inconsistencias y deuda de diseño.

Detectar elementos desconectados de los estilos oficiales.

Renombrar estilos con jerarquía clara y fácil de buscar.

Gestionar cambios globales sin romper pantallas existentes.

Crear estilos por marca, producto, plataforma o modo visual.

Evitar proliferación de estilos casi idénticos.

Documentar cuándo crear un nuevo estilo y cuándo reutilizar uno existente.

Revisar impacto de cambios en pantallas y componentes.

Taller: limpiar estilos duplicados en un archivo y convertirlos en sistema mantenible.

Crear símbolos para botones, inputs, cards, headers, tabs, modales, tablas y navegación.

Diferenciar componente base, instancia, override, variante y estado.

Diseñar componentes flexibles que acepten textos largos, iconos, estados y contenidos variables.

Evitar símbolos demasiado rígidos o demasiado genéricos.

Usar overrides de forma ordenada y predecible.

Crear componentes anidados sin generar dependencia difícil de mantener.

Definir estados: default, hover, active, disabled, focus, error, loading y success.

Documentar anatomía, comportamiento y reglas de uso de cada componente.

Gestionar evolución de componentes sin romper diseños existentes.

Taller: construir biblioteca inicial de componentes UI con estados y overrides.

Diseñar componentes con variantes por tamaño, intención, estado, plataforma y contexto.

Crear patrones de interacción para formularios, navegación, feedback, errores y confirmaciones.

Evitar diseñar solo el estado ideal de una pantalla.

Incluir estados de carga, vacío, error, éxito, permisos, offline y datos parciales.

Documentar comportamiento esperado para desarrollo.

Alinear nombres de estados con frontend y QA.

Revisar coherencia entre interacción, copy, visual y accesibilidad.

Preparar componentes para pruebas de usuario y handoff.

Crear matriz de estados de los componentes críticos.

Taller: diseñar todos los estados de un formulario complejo.

Crear librerías compartidas para estilos, símbolos, iconos, componentes y plantillas.

Decidir qué vive en archivo de producto y qué vive en librería.

Publicar, actualizar y consumir librerías desde documentos de trabajo.

Evitar duplicar componentes locales que deberían venir de librería.

Gestionar cambios de librería y revisar impacto en documentos consumidores.

Crear librerías por marca, plataforma, producto o nivel de abstracción.

Documentar gobierno de librerías: owners, revisiones, versiones y deprecaciones.

Resolver conflictos entre componentes locales y compartidos.

Preparar librería para varios equipos o clientes.

Taller: crear librería compartida y consumirla desde un proyecto de producto.

Definir qué es un sistema de diseño y qué diferencia hay entre UI kit, librería y sistema vivo.

Crear fundamentos: color, tipografía, espaciado, iconografía, grid, elevación y tono visual.

Construir componentes base con reglas, estados, variantes y ejemplos de uso.

Evitar convertir el sistema en un archivo gigante sin mantenimiento ni documentación.

Diseñar governance: quién crea, quién aprueba, quién publica y quién depreca componentes.

Crear documentación visual dentro de Sketch y complementarla con guías externas.

Medir adopción del sistema en productos reales.

Gestionar contribuciones de varios diseñadores.

Conectar sistema de diseño con tokens, frontend y QA.

Taller: construir primera versión de un design system corporativo en Sketch.

Usar recursos oficiales de Apple disponibles para Sketch cuando el proyecto lo requiere.

Aplicar Human Interface Guidelines en navegación, controles, espaciado, tipografía y patrones.

Diseñar pantallas para iPhone, iPad, macOS, watchOS o visionOS según alcance.

Evitar replicar patrones web en interfaces nativas sin adaptación.

Preparar assets para distintos tamaños, densidades y estados.

Diseñar componentes coherentes con plataforma y marca.

Revisar safe areas, barras, navegación, modales, sheets y gestos.

Documentar decisiones específicas para desarrollo iOS o macOS.

Preparar prototipos de flujos nativos.

Taller: diseñar flujo iOS completo usando recursos y patrones Apple.

Crear layouts web para desktop, tablet y mobile con reglas adaptativas.

Diseñar grids, breakpoints, contenedores, navegación, cards, tablas y formularios.

Evitar diseños desktop imposibles de adaptar a móvil.

Documentar comportamiento responsive de componentes y secciones.

Preparar estados de hover, focus, active, loading y error.

Diseñar páginas de producto, dashboards, landing pages y aplicaciones web.

Coordinar decisiones de diseño con CSS, frameworks frontend y componentes reales.

Exportar assets optimizados para web.

Validar contraste, legibilidad y densidad visual.

Taller: diseñar landing y dashboard responsive con reglas de handoff.

Crear wireframes rápidos para validar estructura, contenido y flujo antes del diseño visual.

Diferenciar baja fidelidad, media fidelidad y alta fidelidad.

Evitar empezar por estética sin resolver jerarquía, contenido y navegación.

Usar componentes básicos para acelerar exploración.

Crear alternativas de layout para comparar hipótesis.

Documentar decisiones y descartar versiones sin perder aprendizaje.

Preparar wireframes para feedback con producto, negocio o usuarios.

Convertir wireframes aprobados en UI de alta fidelidad.

Mantener trazabilidad entre problema, hipótesis y solución visual.

Taller: transformar un brief en wireframes de flujo completo.

Crear prototipos conectando pantallas, elementos interactivos, hotspots y transiciones.

Diseñar navegación entre vistas, modales, menús, flujos y estados.

Evitar prototipos que solo enlazan pantallas ideales y no muestran errores o alternativas.

Preparar prototipos para pruebas internas, cliente, stakeholders y validación de producto.

Ajustar transiciones, overlays y comportamiento esperado.

Compartir prototipos para revisión en navegador.

Documentar límites del prototipo frente a producto real.

Crear prototipos de baja y alta fidelidad según fase del proyecto.

Recoger feedback del prototipo y convertirlo en mejoras accionables.

Taller: crear prototipo completo de onboarding, registro o checkout.

Diseñar textos de botones, labels, mensajes, errores, estados vacíos y confirmaciones.

Evitar lorem ipsum en fases donde el contenido afecta al diseño.

Crear jerarquía de información clara y lenguaje orientado al usuario.

Diseñar mensajes de error útiles, accionables y no culpabilizadores.

Alinear microcopy con tono de marca y producto.

Preparar textos para internacionalización y traducciones largas.

Coordinar UX writing con componentes y estados.

Documentar variantes de copy por contexto.

Revisar impacto del texto en layout, accesibilidad y comprensión.

Taller: mejorar una pantalla con problemas de copy, errores y estados vacíos.

Aplicar contraste suficiente en textos, iconos, fondos y estados.

Diseñar foco visible, estados interactivos, tamaño táctil y jerarquía clara.

Evitar transmitir información solo mediante color.

Preparar interfaces legibles para usuarios con baja visión o dificultades cognitivas.

Documentar roles, labels, orden de lectura y comportamiento esperado para desarrollo.

Revisar formularios, errores, navegación y componentes críticos.

Crear checklist de accesibilidad antes de handoff.

Alinear accesibilidad con estándares WCAG cuando el proyecto lo exige.

Integrar accesibilidad en sistema de diseño.

Taller: auditar una pantalla Sketch y corregir problemas de accesibilidad.

Organizar proyectos, documentos, permisos y acceso dentro del Workspace.

Compartir diseños con stakeholders, clientes, desarrollo y otros diseñadores.

Gestionar comentarios, feedback, menciones y resolución de conversaciones.

Evitar feedback disperso en correos, capturas o mensajes fuera del documento.

Usar versiones para recuperar estados anteriores y entender evolución del diseño.

Definir normas de revisión: cuándo comentar, quién aprueba y cómo cerrar cambios.

Preparar documentos limpios para revisión externa.

Controlar permisos de visualización, edición y handoff.

Documentar decisiones importantes en el propio flujo de diseño.

Taller: simular revisión de diseño con comentarios, cambios y versión aprobada.

Gestionar versiones de documentos y cambios relevantes en diseño.

Crear copias controladas para exploración sin romper versión principal.

Evitar archivos con nombres como final, final2, final definitivo o aprobado nuevo.

Documentar cambios visuales, decisiones y motivos.

Gestionar deprecación de componentes y pantallas.

Coordinar versiones con releases de producto.

Preparar entregables por sprint, milestone o versión.

Comparar cambios visuales y resolver conflictos de equipo.

Integrar versionado de diseño con tickets de producto.

Taller: ordenar evolución de un producto con versiones, cambios y releases.

Preparar diseños para frontend con medidas, espaciados, colores, tipografías, assets y estados.

Usar herramientas web de handoff para que desarrollo inspeccione diseños.

Evitar entregar pantallas sin estados, comportamiento, reglas responsive o assets.

Documentar componentes, variantes, tokens, breakpoints y criterios de interacción.

Preparar assets SVG, PNG, PDF o formatos necesarios según plataforma.

Alinear naming de componentes con frontend.

Resolver dudas de desarrollo desde comentarios y documentación.

Crear checklist de “listo para desarrollo”.

Coordinar handoff con QA para validar implementación.

Taller: preparar handoff completo de una pantalla compleja a equipo frontend.

Exportar assets en PNG, JPG, SVG, PDF y formatos específicos según necesidad.

Configurar escalas 1x, 2x, 3x y tamaños para plataformas móviles.

Evitar exportar imágenes pesadas, duplicadas o mal recortadas.

Preparar SVGs limpios para frontend.

Gestionar naming de assets por componente, estado, tamaño y plataforma.

Revisar color profiles y consistencia visual.

Exportar iconos, ilustraciones, logos, imágenes y elementos de marketing digital.

Coordinar assets con repositorios de desarrollo.

Crear paquete de exportación por release.

Taller: exportar biblioteca de iconos y assets listos para iOS, Android y web.

Instalar, evaluar y gestionar plugins de Sketch con criterio profesional.

Evitar dependencia crítica de plugins abandonados o no mantenidos.

Usar plugins para limpieza, tokens, exportación, documentación, datos ficticios y productividad.

Revisar permisos, seguridad y procedencia de plugins.

Crear flujo de aprobación de plugins en entornos corporativos.

Automatizar tareas repetitivas sin perder control del documento.

Mantener inventario de plugins usados por el equipo.

Documentar alternativas nativas antes de instalar extensiones.

Evaluar impacto de plugins en rendimiento y compatibilidad.

Taller: seleccionar y configurar stack mínimo de plugins para equipo de diseño.

Diseñar listas, tablas, cards, dashboards y formularios con contenido realista.

Evitar validar interfaces con datos perfectos que no representan uso real.

Usar datos ficticios estructurados para probar longitudes, vacíos y variabilidad.

Preparar estados con pocos datos, muchos datos, errores, loading y sin permisos.

Diseñar tablas con ordenación, filtros, acciones, selección y paginación.

Revisar cómo afecta el contenido dinámico a stacks, espaciados y componentes.

Documentar límites de caracteres, truncado, wrapping y overflow.

Validar internacionalización con textos más largos.

Crear datasets de prueba para diseño.

Taller: rediseñar dashboard usando datos realistas y estados extremos.

Diseñar formularios claros con labels, ayudas, validaciones, errores y confirmaciones.

Evitar formularios excesivamente largos sin agrupación ni progresión.

Crear estados de input: vacío, focus, filled, error, disabled, success y loading.

Diseñar flujos de registro, login, recuperación, checkout, solicitud o configuración.

Documentar reglas de validación y comportamiento.

Preparar accesibilidad de formularios y mensajes.

Diseñar formularios responsive.

Coordinar con desarrollo la implementación de validación.

Medir fricción del usuario y puntos de abandono.

Taller: diseñar flujo completo de formulario con errores y estados reales.

Diseñar dashboards con jerarquía de información, métricas, filtros, tablas y gráficos.

Evitar saturar pantallas con datos sin priorización.

Diseñar navegación para productos internos y herramientas corporativas.

Crear componentes B2B: tablas, filtros, cards, sidebars, breadcrumbs, modales y acciones masivas.

Documentar estados de permisos, datos vacíos, errores y carga.

Preparar responsive para pantallas de escritorio y tablet.

Diseñar flujos administrativos, configuración y gestión de usuarios.

Alinear diseño con roles y tareas frecuentes.

Validar claridad para usuarios expertos y no expertos.

Taller: diseñar dashboard B2B con tabla compleja, filtros y acciones.

Diseñar navegación mobile con tabs, stacks, modales, sheets, gestos y navegación contextual.

Preparar pantallas para tamaños, safe areas y densidades.

Evitar adaptar patrones desktop directamente a mobile.

Diseñar onboarding, login, home, detalle, búsqueda, perfil y ajustes.

Crear componentes táctiles con tamaño y espaciado adecuados.

Documentar transiciones y comportamiento nativo.

Preparar assets para iOS y Android.

Diseñar modo oscuro si el producto lo requiere.

Crear prototipo navegable para validación.

Taller: diseñar flujo mobile de app corporativa con prototipo completo.

Documentar problema, hipótesis, decisión, alternativa descartada y criterio de aceptación.

Evitar que el diseño dependa de memoria oral del equipo.

Crear páginas de documentación dentro del archivo Sketch.

Relacionar decisiones con tickets, requisitos, métricas o research.

Documentar componentes, patrones, reglas de uso y ejemplos.

Preparar notas específicas para desarrollo y QA.

Mantener documentación viva sin convertirla en burocracia.

Crear plantillas de decisión de diseño.

Registrar cambios relevantes por release.

Taller: documentar un flujo de producto para que otro equipo pueda implementarlo.

Integrar Sketch en sprints, discovery, delivery, refinamiento y revisiones.

Preparar entregables por épica, historia, release o experimento.

Evitar que diseño vaya demasiado por delante o demasiado tarde respecto a desarrollo.

Coordinar diseño con Product Owner, UX research, frontend, QA y stakeholders.

Crear definición de listo para diseño y listo para desarrollo.

Gestionar feedback sin romper prioridades del sprint.

Relacionar pantallas con tickets y criterios de aceptación.

Preparar revisiones de diseño periódicas.

Medir reducción de retrabajo por mejor handoff.

Taller: planificar flujo de diseño Sketch dentro de un sprint realista.

Crear landing pages, banners, piezas digitales, layouts de campaña y recursos visuales.

Mantener consistencia entre marca, UI, producto y comunicación.

Usar librerías de marca para colores, tipografía, logos, iconos y componentes.

Evitar variaciones visuales no aprobadas entre campañas y producto.

Preparar assets para web, redes, email, ads y presentaciones digitales.

Diseñar variantes de campaña con rapidez y control.

Coordinar marketing, diseño y desarrollo.

Documentar guías de uso de marca en entornos digitales.

Exportar assets optimizados por canal.

Taller: crear kit digital de campaña con componentes reutilizables en Sketch.

Importar recursos desde SVG, PDF, imágenes, UI kits y archivos externos.

Revisar qué se conserva y qué se pierde al mover diseños entre herramientas.

Evitar migraciones sin limpieza de estilos, componentes y naming.

Preparar estrategia de convivencia con Figma, Zeplin, Illustrator, Photoshop o herramientas frontend.

Documentar fuente de verdad del diseño.

Gestionar archivos históricos y librerías antiguas.

Convertir assets externos en componentes Sketch reutilizables.

Revisar compatibilidad con recursos de clientes o proveedores.

Crear proceso de migración controlado.

Taller: limpiar y adaptar un UI kit externo para usarlo como librería Sketch.

Crear checklist de revisión visual antes de presentar o entregar.

Revisar alineación, espaciado, contraste, jerarquía, estados, naming, assets y documentación.

Detectar inconsistencias entre pantallas y componentes.

Evitar aprobar diseños solo por estética sin validar uso y mantenimiento.

Revisar accesibilidad básica y legibilidad.

Comprobar que el handoff tiene información suficiente.

Preparar revisión cruzada entre diseñadores.

Crear criterios objetivos de calidad para design review.

Documentar incidencias y mejoras.

Taller: auditar un archivo Sketch y corregir problemas de calidad.

Identificar deuda de diseño: componentes duplicados, estilos rotos, pantallas antiguas y decisiones no documentadas.

Medir impacto de la deuda en velocidad, consistencia y handoff.

Priorizar limpieza según uso real y criticidad.

Evitar rehacer todo el sistema sin plan incremental.

Crear backlog de deuda de diseño.

Deprecar componentes antiguos con comunicación clara.

Migrar pantallas a componentes actuales.

Automatizar detección de estilos sueltos cuando sea posible.

Revisar deuda en cada release o ciclo de diseño.

Taller: crear plan de saneamiento de una librería Sketch deteriorada.

Definir modelo de contribución, revisión, aprobación y publicación de componentes.

Crear roles: design system owner, contributor, reviewer, frontend partner y product designer.

Evitar que cualquiera modifique librerías compartidas sin control.

Establecer cadencia de releases del sistema.

Documentar cambios, breaking changes y migraciones.

Crear canal de soporte para dudas y solicitudes.

Medir adopción y uso de componentes.

Coordinar diseño y frontend para mantener paridad.

Definir estrategia para componentes experimentales.

Taller: diseñar governance completo para sistema de diseño en Sketch.

Preparar documentos de Sketch para presentar a cliente, dirección o stakeholders.

Construir narrativa: problema, contexto, flujo, decisión, alternativa y resultado.

Evitar mostrar pantallas sueltas sin explicar criterio.

Crear prototipos navegables para defender decisiones.

Preparar comparativas antes/después.

Gestionar feedback en directo sin perder foco.

Documentar acuerdos y pendientes.

Adaptar presentación a perfiles técnicos y no técnicos.

Preparar exportaciones para reuniones, documentación o validación.

Taller: presentar un rediseño de producto y defender decisiones visuales.

Crear cada pantalla desde cero sin componentes ni estilos compartidos.

Duplicar símbolos y librerías hasta perder control del sistema.

Entregar diseños sin estados de error, loading, vacío o permisos.

Diseñar responsive como adaptación de última hora.

Usar colores y tipografías manuales sin tokens ni estilos.

Confiar en comentarios externos dispersos en lugar de centralizar feedback.

Exportar assets sin naming, escalas ni optimización.

No documentar comportamiento esperado para desarrollo.

Convertir Sketch en un almacén de pantallas antiguas sin limpieza.

Taller: auditar un proyecto Sketch con errores típicos y rehacerlo con metodología profesional.

Evaluar madurez actual del equipo: archivos, librerías, sistema de diseño, handoff, feedback y colaboración.

Identificar quick wins: naming, estilos, librerías, plantillas, checklist de handoff y limpieza de duplicados.

Priorizar mejoras por impacto en velocidad, consistencia, calidad y reducción de retrabajo.

Definir estándares de archivo, componentes, estilos, documentación, prototipos y entregables.

Crear piloto con un producto, equipo o cliente concreto.

Medir adopción, tiempos de diseño, incidencias de handoff y reutilización de componentes.

Ajustar governance de librerías y sistema de diseño.

Formar a diseñadores, producto y desarrollo en el flujo acordado.

Crear plan a 30, 60, 90 y 180 días.

Taller: construir roadmap de implantación o mejora de Sketch para un equipo corporativo.

Definir un producto digital con usuarios, objetivos, plataforma, marca, flujo principal y restricciones de diseño.

Crear estructura profesional de documento Sketch con páginas, naming, estilos, componentes, flujos y documentación.

Diseñar wireframes del flujo principal y validar jerarquía, navegación, contenido y estados clave.

Construir sistema visual con colores, tipografía, espaciado, iconos, componentes y variantes.

Crear pantallas de alta fidelidad para mobile, web o dashboard con diseño responsive y estados completos.

Diseñar prototipo navegable con interacciones, transiciones, overlays y recorrido principal.

Preparar librería compartida con componentes reutilizables, estilos y documentación básica.

Revisar accesibilidad, contraste, estados, naming, consistencia visual y calidad del archivo.

Preparar handoff para desarrollo con assets, medidas, tokens, estados, comentarios y criterios de aceptación.

Presentar el proyecto final con decisiones de diseño, sistema creado, prototipo, handoff, riesgos y plan de evolución.