馃帹 M贸dulo 6: Im谩genes, iconos y plugins en Figma
Objetivo del m贸dulo:
Aprender谩s a importar y manejar im谩genes, usar iconos vectoriales y aprovechar plugins para acelerar tu flujo de trabajo en dise帽o web.
✅ 1. Importar y manejar im谩genes
Puedes arrastrar im谩genes directamente al canvas o usar Archivo → Colocar imagen.
Al importar, puedes redimensionar, recortar y ajustar con m谩scaras para adaptarlas al dise帽o.
馃搷 Ejemplo: Colocar una imagen de fondo y ajustar su opacidad para dar efecto.
✅ 2. Uso de iconos vectoriales
Figma permite importar SVGs o crear iconos con la herramienta pluma.
Tambi茅n puedes usar librer铆as gratuitas como Flaticon o FontAwesome y pegarlos en Figma.
馃搷 Ejemplo: Importar un icono SVG y cambiar su color para que combine con la paleta.
✅ 3. Plugins recomendados para dise帽o web
- Icons8: Acceso r谩pido a miles de iconos.
- Unsplash: Insertar im谩genes gratuitas directamente.
- Color Palettes: Generar paletas arm贸nicas.
- Content Reel: Insertar textos, im谩genes y avatares para prototipos.
Para instalar plugins: Men煤 → Plugins → Buscar Plugins → Instalar.
✅ 4. Mini ejercicio pr谩ctico
馃幆 Objetivo: A帽adir im谩genes e iconos a un dise帽o web.
- Importa una imagen para usar como hero banner.
- Busca e inserta un icono SVG para un bot贸n.
- Instala y usa el plugin Unsplash para agregar otra imagen.
馃搷 Resultado esperado: Dise帽o con im谩genes ajustadas y iconos personalizados.
馃摜 Tips r谩pidos del m贸dulo
- Usa m谩scaras para recortar im谩genes f谩cilmente.
- Prefiere SVG para iconos para mantener calidad en cualquier tama帽o.
- Explora plugins para acelerar tareas repetitivas.
馃搶 Preguntas de repaso
Pregunta 1: ¿Qu茅 formato es mejor para iconos en dise帽o web?
- A) PNG
- B) JPG
- C) SVG
- D) BMP
Pregunta 2: ¿C贸mo puedes instalar un plugin en Figma?
- A) Desde el men煤 Plugins → Buscar Plugins.
- B) Descargando un archivo externo.
- C) No se pueden instalar plugins.
- D) Solo usando la versi贸n de escritorio.
No hay comentarios:
Publicar un comentario