Contenido del Curso
UI/UX con Figma
UI/UX con Figma
Configuración del Proyecto
Renombrar proyectos
Haz doble clic en el nombre del proyecto en la parte superior para renombrarlo. Presiona Enter/Return para guardar los cambios.
Componentes clave de la interfaz
-
Páginas y capas (Pages and layers): ubicadas a la izquierda, se utilizan para organizar el contenido;
-
Panel de diseño (Design panel): se encuentra a la derecha, este panel contiene configuraciones para flujos de trabajo de diseño, prototipado y animación;
-
Barra de herramientas (Toolbar): Posicionada debajo del lienzo, esta sección incluye herramientas que se discutirán en el próximo capítulo.
Menú desplegable
Accesible a través de un icono de flecha, este menú incluye:
- Nueva ventana (New window): abre una ventana de Figma separada;
- Nueva pestaña (New tab): similar al botón "Crear nuevo";
- Abrir en el navegador (Open in browser): ver el proyecto en un navegador;
- Abrir archivo desde el portapapeles (Open file from clipboard): pegar y abrir archivos directamente;
- Cerrar/reabrir pestañas (Close/reopen tabs): gestionar pestañas y ventanas de Figma;
- Plugins y escala de interfaz (Plugins and interface scale): ajustar la escala (por ejemplo, 110%) o gestionar plugins;
- Preferencias (Preferences): acceder a configuraciones, guías de ayuda, actualizaciones y "Acerca de Figma".
Icono de minimizar UI
Alterna la visibilidad de los paneles izquierdo y derecho.
Icono de búsqueda
Encuentra rápidamente activos o componentes dentro de un proyecto.
Modo de presentación
- Usa el icono de presentación para mostrar marcos en maquetas de dispositivos (por ejemplo, iPhone, MacBook);
- Cambia el dispositivo o alterna el marco de la maqueta encendido/apagado;
- Entra en modo de pantalla completa a través de un botón en la esquina superior derecha.
Opciones de compartición
- Usa el botón de compartir para compartir archivos a través de enlaces, invitaciones por correo electrónico o copiando enlaces de desarrollador/prototipo;
- Establece permisos (ver/editar) y opciones de acceso para publicar en la comunidad u obtener código de inserción.
Gestión de archivos
Busca y filtra proyectos por:
- Tipo de archivo: archivos de diseño, tableros de FigJam, diapositivas;
- Creador, organización o carpeta.
Opciones de visualización
- Elige entre vista de cuadrícula/miniatura o vista de lista;
- Ordenar por nombre, fecha de creación (más antiguo/más reciente).
1. ¿Qué característica adicional ofrece la versión de escritorio de Figma en comparación con la versión del navegador?
2. En el Modo de Presentación, ¿qué hace la opción "Mostrar marco del dispositivo"?
¡Gracias por tus comentarios!