Del curso: Figma esencial

Importar imágenes y vectores - Tutorial de Figma

Del curso: Figma esencial

Comenzar mi mes de prueba gratis Comprar para mi equipo

Importar imágenes y vectores

“

Cuando trabajamos en un documento de Figma contamos con la opción de importar imágenes y vectores. Para lograrlo, simplemente entramos a nuestro menú de figuras, o elementos gráficos, seleccionamos la opción de: Place Image o Importar imagen. Y en la pantalla en donde podemos elegir las imágenes que tenemos guardadas en nuestra computadora, elegimos la correcta, En este caso, un JPG de imagen inicio. Esta imagen aparece como prevista en nuestro mouse, mientras elegimos dónde acomodarla. Para acomodarla, hacemos clic en pantalla y nuestra imagen aparece dentro del contenedor. En automático esta imagen es importada a la capa superior. Por lo cual, dentro de nuestro contenedor, simplemente, la acomodamos en nuestra capa deseada. Figma además de poder importar imágenes en formato JPG, PNG, GIF y otros, puede importar elementos vectoriales en formato SVG. Para hacerlo, repetimos el proceso Importar imagen, y elegimos el elemento vectorial o los elementos vectoriales que queremos importar. En este caso, la terminación es SVG. Hemos importado uno y hemos importado otro. Como podemos observar, cuando importamos elementos vectoriales Figma puede acomodarlos como pequeños contenedores, de acuerdo a su complejidad. Acerquémonos para verlo más a detalle. En el caso del icono misión 1, al abrir el pequeño contenedor podemos ver cada uno de los elementos vectoriales. Lo mismo sucede con el icono visión 1. En caso de ser figuras vectoriales muy complejas, podemos convertir estos iconos vectoriales importados, en activos o componentes. Para hacer esto, lo seleccionamos, presionamos la tecla de Comando o Control, y la tecla X para cortarlos. Navegamos a nuestra sección de componentes y activos en donde los podemos pegar. Una vez agregados, seleccionamos uno por uno, y podemos convertirlos en componentes. Botón derecho botón derecho, seleccionar: Crear componente. De esa manera, cuando regresamos a nuestra página de Sitio Web, podemos mandarlos llamar y modificarlos de acuerdo a nuestras necesidades. Y es así como podemos importar imágenes y vectores a nuestro documento de Figma.

Contenido