Ninguna interfaz de usuario estaría completa sin íconos y la forma silenciosa en que comunican de manera tan efectiva lo que las palabras difícilmente podrían. Por lo tanto, no es de extrañar que sean una característica esencial en Figma.

Cómo agregar iconos en Figma

¿Quieres aprender a agregar íconos en esta aplicación para mejorar la intuición de tu diseño? Aquí está todo lo que necesitas saber.

Agregar iconos en Figma

Hay dos métodos principales para agregar íconos a Figma. Puede descargar y arrastrar íconos a su Figma o agilizar el proceso instalando un complemento.

Agregar iconos descargados

¿Te has encontrado con el icono perfecto en Internet y lo necesitas en tu espacio de trabajo? Simplemente descargue el archivo y arrástrelo y suéltelo en el programa. Si necesita importar muchos archivos, selecciónelos antes de arrastrarlos o use el menú correspondiente.

  1. Haga clic en el icono cuadrado en la barra de herramientas de Figma.
  2. Presiona “Colocar imagen…”
  3. Seleccione los archivos que desea importar. Haga clic y arrastre el cursor en su espacio de trabajo para colocar los iconos. Asegúrese de mantener presionado el botón Shift mientras lo hace para mantener la relación de imagen original.

Instalar un complemento

La segunda (y quizás más productiva) forma de agregar íconos a Figma es instalando un complemento. Los complementos de Figma son extensiones que agregan aún más funcionalidad a la aplicación. Algunos de ellos suavizarán su flujo de trabajo, mientras que otros se pueden usar para agregar elementos de diseño. La función de complemento está disponible para todos los usuarios, independientemente de su plan Figma.

Puede encontrar complementos navegando en la página de la comunidad de Figma. Acceda a esta página de una de dos maneras:

  • Vaya directamente a la página de la Comunidad en su navegador.
  • Haga clic con el botón derecho en la aplicación Figma y elija "Examinar complementos en la comunidad".

Elija la etiqueta "Complemento" o "Icono" en la parte superior de la página y podrá explorar una gran cantidad de selecciones. Los archivos con un ícono de bolígrafo azul o un ícono mitad azul, mitad púrpura serán compatibles con Figma.

Una vez que haya encontrado un complemento que le guste, instálelo simplemente haciendo clic en el botón azul "Instalar". El complemento se agregará a su Figma y podrá comenzar a usar los íconos. La instalación de un complemento lo vinculará a su cuenta, por lo que también podrá acceder a él desde sus cuentas conectadas.

Aquí le mostramos cómo encontrar sus complementos en Figma:

  1. Abra su aplicación de escritorio Figma o acceda a ella en su navegador.
  2. Haga clic en el icono de Figma en la esquina superior izquierda.
  3. Busca la opción "Complementos".
  4. Seleccione el complemento que acaba de descargar. Se abrirá en una pequeña ventana.

Cada complemento es diferente; algunos ofrecerán más opciones que otros. Por lo general, puede buscar el icono que necesita en la ventana del complemento. Para agregar un ícono a su espacio de trabajo, simplemente arrástrelo y suéltelo.

Cómo agregar íconos de redes sociales en Figma

Si desea agregar íconos de redes sociales a su diseño de Figma, puede descargar un complemento de íconos que incluye logotipos de redes sociales. Además, puede buscar íconos de redes sociales específicamente en la página de la comunidad de Figma, donde encontrará archivos de íconos creados por otros usuarios de Figma. Puede duplicar y editar estos archivos. Así es cómo:

  1. Haga clic derecho en su espacio de trabajo de Figma y haga clic en "Comunidad" o vaya directamente a la página de la Comunidad de Figma .
  2. Escribe "iconos de redes sociales" en la barra de búsqueda.
  3. Explore los resultados de la búsqueda y asegúrese de seleccionar un archivo compatible con Figma. Pase el cursor sobre la miniatura para ver un pequeño icono en la esquina. Un ícono azul o mitad azul, mitad púrpura indicará compatibilidad.
  4. Abra la entrada y luego haga clic en el icono azul "Obtener una copia".
  5. Haga clic en la cuenta a la que desea agregar los íconos desde el menú desplegable. Esto agregará el archivo a su carpeta de borradores y copiará los íconos que necesita del borrador al archivo en el que está trabajando.

Puede cambiar los archivos para adaptarlos a su diseño e incluso compartirlos más tarde. Sin embargo, recuerde que estos no son archivos de dominio público y actúe en consecuencia.

Preguntas más frecuentes

¿En qué formato de archivo debo cargar mis íconos de Figma?

Se puede importar una amplia gama de formatos de archivo a Figma, pero cuando se trata de íconos, asegúrese de elegir el formato SVG. Este formato de archivo brinda flexibilidad a los íconos, ya que serán totalmente personalizables. Puede editar su tamaño, color, estilo e incluso forma. También puede usar otros formatos si SVG no está disponible para el archivo que eligió; por ejemplo, los archivos de imagen como PNG también funcionarán. Sin embargo, son más limitados y ocupan mucho más espacio, así que opte por SVG siempre que sea posible.

¿Dónde puedo encontrar mis iconos descargados en Figma?

La ubicación de los íconos de Figma depende de cómo los descargó.

• Si descargó un archivo individual, busque en su carpeta de descargas habitual.

• Si instaló un complemento de Figma, encontrará sus íconos de la siguiente manera:

1. Haga clic en el ícono de Figma en la barra de menú de la aplicación y seleccione "Complementos".

2. El complemento descargado estará en el menú desplegable.

• Si duplicó un conjunto de iconos, sus iconos estarán en sus borradores de Figma.

1. Abra la aplicación Figma y asegúrese de haber seleccionado su perfil.

2. Haga clic en "Borradores" en la barra lateral izquierda para encontrar sus nuevos iconos.

Agregue íconos de manera fácil

Un conjunto consistente de íconos es primordial para un diseño exitoso. Afortunadamente, los complementos de la comunidad y los conjuntos de iconos de Figma hacen que la consistencia sea muy sencilla. También puede utilizar otros recursos para encontrar iconos y simplemente arrastrarlos a su espacio de trabajo.

¿Ya encontraste tus íconos favoritos de Figma? ¿Cuáles recomendarías? Háganos saber en los comentarios a continuación.