MÓDULO 11 – MATERIAL DE APOYO
“Introducción práctica a herramientas de diseño digital”
HERRAMIENTA 1: FIGMA
[Link]
¿Qué es?
Figma es una plataforma de diseño de interfaces y prototipos colaborativos en la
nube.
Usos principales:
• Crear interfaces web y móviles.
• Diagramas interactivos.
• Prototipos navegables.
Conceptos clave:
• Frames: áreas de diseño o pantallas.
• Componentes: elementos reutilizables.
• Prototype: conexiones entre pantallas para simular interacción.
Primeros pasos:
1. Crear cuenta gratuita.
2. Clic en “New design file”.
3. Usar F para crear Frame (800x600px).
4. Añadir texto (T), formas (R, O).
5. Usar pestaña “Prototype” para enlazar frames.
HERRAMIENTA 2: MIRO
[Link]
¿Qué es?
Miro es una pizarra digital colaborativa, ideal para brainstorming y mapas mentales.
Usos principales:
• Diagramas de flujo.
• Mapa de ideas.
• Wireframes y diseño UX/UI inicial.
Funciones clave:
• Sticky Notes (notas rápidas).
• Conectores de flechas.
• Plantillas prearmadas.
Primeros pasos:
1. Crear cuenta gratuita.
2. Crear un nuevo “Board”.
3. Agregar notas, formas, íconos y conectar ideas.
4. Invitar compañeros a editar en tiempo real.
HERRAMIENTA 3: CANVA
[Link]
¿Qué es?
Canva es una herramienta online para diseño gráfico rápido, intuitivo y visual.
Usos principales:
• Diseñar flyers, posters, redes sociales.
• Presentaciones.
• Currículum, tarjetas, videos cortos.
Funciones clave:
• Plantillas listas para usar.
• Arrastrar y soltar.
• Acceso a banco de imágenes e íconos.
Primeros pasos:
1. Iniciar sesión.
2. Clic en “Crear diseño”.
3. Elegir tipo (flyer, post, historia).
4. Usar plantillas, cambiar texto, colores, imágenes.
HERRAMIENTA 4: ADOBE PHOTOSHOP
[Link]
¿Qué es?
Software profesional de edición de imágenes y diseño gráfico.
Usos principales:
• Edición y retoque fotográfico.
• Composición digital.
• Creación de banners, logos, mockups.
Funciones clave:
• Capas (Layers).
• Herramientas: recorte, pincel, selección.
• Filtros y ajustes (brillo, contraste, curvas).
Primeros pasos:
1. Abrir archivo nuevo o importar imagen.
2. Explorar herramientas de selección, recorte y capas.
3. Guardar en PSD o exportar como PNG/JPG.
BONUS: Otras herramientas que puedes incluir
Herramienta ¿Para qué sirve? Tipo
Photopea Edición estilo Photoshop en el navegador Gratuita
Adobe Illustrator Diseño vectorial profesional Pago
Gravit Designer Alternativa ligera a Illustrator Gratuita
Pixlr Editor fotográfico online Gratuita