Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Configuración del Proyecto | Herramientas Básicas de Figma
UI/UX con Figma
course content

Contenido del Curso

UI/UX con Figma

UI/UX con Figma

1. Herramientas Básicas de Figma
2. Creación y Organización de Objetos
3. Creando Visuales
4. Prototipado
5. Enviando Trabajo

book
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"?

¿Qué característica adicional ofrece la versión de escritorio de Figma en comparación con la versión del navegador?

¿Qué característica adicional ofrece la versión de escritorio de Figma en comparación con la versión del navegador?

Selecciona la respuesta correcta

En el Modo de Presentación, ¿qué hace la opción "Mostrar marco del dispositivo"?

En el Modo de Presentación, ¿qué hace la opción "Mostrar marco del dispositivo"?

Selecciona la respuesta correcta

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 3
We're sorry to hear that something went wrong. What happened?
some-alt