Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Configuración de Proyecto en Figma | Herramientas Básicas de Figma
Diseño UI/UX Con Figma

bookConfiguración de Proyecto en Figma

Renombrar proyectos

Haz doble clic en el nombre del proyecto en la parte superior para cambiarlo. Pulsa Enter/Return para guardar los cambios.

Componentes clave de la interfaz

  • Páginas y capas: ubicadas a la izquierda, se utilizan para organizar el contenido;

  • Panel de diseño: se encuentra a la derecha, este panel contiene configuraciones para los flujos de trabajo de diseño, prototipado y animación;

  • Barra de herramientas: Ubicada debajo del lienzo, esta sección incluye herramientas que se tratarán en el siguiente capítulo.

Menú desplegable

Accesible mediante un icono de flecha, este menú incluye:

  • Nueva ventana: abre una ventana de Figma por separado;
  • Nueva pestaña: similar al botón "Crear nuevo";
  • Abrir en el navegador: ver el proyecto en un navegador;
  • Abrir archivo desde el portapapeles: pegar y abrir archivos directamente;
  • Cerrar/reabrir pestañas: gestionar pestañas y ventanas de Figma;
  • Plugins y escala de la interfaz: ajustar la escala (por ejemplo, 110%) o gestionar plugins;
  • Preferencias: acceder a configuraciones, guías de ayuda, actualizaciones y "Acerca de Figma".

Icono Minimizar UI

Alterna la visibilidad de los paneles izquierdo y derecho.

Icono de búsqueda

Buscar rápidamente recursos o componentes dentro de un proyecto.

Modo de presentación

  • Utiliza el icono Presentar para mostrar marcos en maquetas de dispositivos (por ejemplo, iPhone, MacBook);
  • Cambia el dispositivo o activa/desactiva el marco de la maqueta;
  • Entra en modo de pantalla completa mediante un botón en la esquina superior derecha.

Opciones de compartir

  • Utiliza el botón Compartir para compartir archivos mediante 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 el código de inserción.

Gestión de archivos

Buscar y filtrar proyectos por:

  • Tipo de archivo: archivos de diseño, tableros FigJam, diapositivas;
  • Creador, organización o carpeta.

Opciones de visualización

  • Elegir entre vista de cuadrícula/miniaturas o vista de lista;
  • Ordenar por nombre, fecha de creación (más antiguo/más reciente).

1. ¿Qué función adicional ofrece la versión de escritorio de Figma en comparación con la versión de navegador?

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

question mark

¿Qué función adicional ofrece la versión de escritorio de Figma en comparación con la versión de navegador?

Select the correct answer

question mark

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

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 3

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

Can you explain more about the design panel and its features?

How do I use the presentation mode for different devices?

What are the different sharing options and permissions in Figma?

Awesome!

Completion rate improved to 2.78

bookConfiguración de Proyecto en Figma

Desliza para mostrar el menú

Renombrar proyectos

Haz doble clic en el nombre del proyecto en la parte superior para cambiarlo. Pulsa Enter/Return para guardar los cambios.

Componentes clave de la interfaz

  • Páginas y capas: ubicadas a la izquierda, se utilizan para organizar el contenido;

  • Panel de diseño: se encuentra a la derecha, este panel contiene configuraciones para los flujos de trabajo de diseño, prototipado y animación;

  • Barra de herramientas: Ubicada debajo del lienzo, esta sección incluye herramientas que se tratarán en el siguiente capítulo.

Menú desplegable

Accesible mediante un icono de flecha, este menú incluye:

  • Nueva ventana: abre una ventana de Figma por separado;
  • Nueva pestaña: similar al botón "Crear nuevo";
  • Abrir en el navegador: ver el proyecto en un navegador;
  • Abrir archivo desde el portapapeles: pegar y abrir archivos directamente;
  • Cerrar/reabrir pestañas: gestionar pestañas y ventanas de Figma;
  • Plugins y escala de la interfaz: ajustar la escala (por ejemplo, 110%) o gestionar plugins;
  • Preferencias: acceder a configuraciones, guías de ayuda, actualizaciones y "Acerca de Figma".

Icono Minimizar UI

Alterna la visibilidad de los paneles izquierdo y derecho.

Icono de búsqueda

Buscar rápidamente recursos o componentes dentro de un proyecto.

Modo de presentación

  • Utiliza el icono Presentar para mostrar marcos en maquetas de dispositivos (por ejemplo, iPhone, MacBook);
  • Cambia el dispositivo o activa/desactiva el marco de la maqueta;
  • Entra en modo de pantalla completa mediante un botón en la esquina superior derecha.

Opciones de compartir

  • Utiliza el botón Compartir para compartir archivos mediante 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 el código de inserción.

Gestión de archivos

Buscar y filtrar proyectos por:

  • Tipo de archivo: archivos de diseño, tableros FigJam, diapositivas;
  • Creador, organización o carpeta.

Opciones de visualización

  • Elegir entre vista de cuadrícula/miniaturas o vista de lista;
  • Ordenar por nombre, fecha de creación (más antiguo/más reciente).

1. ¿Qué función adicional ofrece la versión de escritorio de Figma en comparación con la versión de navegador?

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

question mark

¿Qué función adicional ofrece la versión de escritorio de Figma en comparación con la versión de navegador?

Select the correct answer

question mark

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

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 3
some-alt