Redes de Vectores

Clase 7 de 25 • Curso Básico de Figma - 2022

Clase anteriorSiguiente clase

Shakira Derteano

student•

La herramienta "Truncate Text" no funciona si el texto está en justificado, pero si con el resto de alineaciones.

ISAAC DANIEL ATAUCURI YNFANTE

student•

Gracias por tu aporte!!!

Josue Cerron Tuesta

student•

Gracias!

German Pinilla

student•

++Redes de vectores++

Cuando hablamos de redes vectores, hablamos de un concepto muy importante en el mundo digital en general, ya que una cosa es diseñar en pixeles nos produce piezas digitales en baja resolucion. Pero figma esta diseñado en vectores los que significa que aunque se modifique el tamaño de la pieza, esta no perdera su resolucion, son operaciones no destructivas.

++Construyendo vectores++

tecla p (pen) para crear un vector libre
Click en cualquier lugar del frame o area de trabajo y empezara a crear vectores unidos por puntos
tecla esc para salir del modo de creacion de vectores
En figma, un punto puede alojar una cantidad infinita de trazos que salgan desde ese punto
Cuando seleccionas y mueves dicho punto, todos los trazos se mueven con el

++Operaciones booleanas++ Son las operaciones en las que tomamos figuras en las que mezclamos o restamos una figura o un segmento y dependiendo de los movimientos que se hagan entre forma y fondo

Con los vectores, vamos a crear los iconos que permiten navegar desde y hacia la nota

Juan Miguel Garcia Moreno

student•

Aquí les muestro el boton “Truncate Text” para las nuevas versiones...

Juliana Ayala

student•

muchisimas gracias por tu aporte! me aclaraste la duda

Jonissa Alfaro Carrión

student•

Muchisimas gracias, con tu aporte logre aclarar el porque no se truncaba mi texto

Lucemar Quintero Laguado

student•

Oswaldo Bello

student•

Está genial tu ejercicio, explicando la funcionalidad de Figma

Luis Erick Montes Garcia

student•

Irene Valeria Pizarro Cerrón

student•

Genial el tema

Hugo Caceres

student•

Mi aporte.

Julian R Gaita Lizcano

student•

Monica Ortiz Alvarez

student•

Leonardo Andres Martinez Guevara

student•

Melo !

Jesús Alfonso Quintero Rivas

student•

Quedo bastante bien

Alberto Jesus Trejo Avila

student•

Jesús Alfonso Quintero Rivas

student•

Quedo cool

Andres Felipe Cely Bravo

student•

Haber Alexander Barinas Vega

student•

Luis Aguirre

student•

Así va el mío, va tomando más forma de App para ver letras de canciones por el contenido que decidí usar. Me dejaré llevar.

Yocselys Bermúdez

student•

Así va quedando...

Luis Tremont

student•

Sandra Nocua

student•

Agradezco mucho me ayuden a resolver la duda que tengo, ¿cómo hago para que un vector "Ej: circular" quede vinculado o direccionado a otro layer?

Santiago Camargo

teacher•

A qué te refieres con "direccionado"? Como un hipervínculo? O como un prototipo?

Henry Alexander Velásquez Rosas

student•

Si quieren practicar el uso de la Pluma, pueden usar esta página Bezier que está genial.

También encontré esta web Boolean method

Nitzi Alejandra Franco Romero

student•

Alejandro Parra

student•

Redes de Vectores
- Los vectores son elementos gráficos que se crean a partir de líneas y formas geométricas, y se pueden escalar a cualquier tamaño sin perder calidad ni nitidez.
- A diferencia de las imágenes de mapa de bits, que se componen de píxeles y pueden perder calidad al ampliarlas demasiado, los vectores son ideales para crear logotipos, iconos, ilustraciones y otros gráficos que deben ser escalables.
- Además, los archivos vectoriales suelen ser más ligeros que los archivos de imagen de mapa de bits, lo que los hace más fáciles de compartir y utilizar en diferentes proyectos
Contrayendo vectores
- En Figma , un punto puede alojar una cantidad infinita de trazos que salgan desde ese punto
- Cuando seleccionas uy mueves dicho punto, todos los trazos se mueven con el
Operaciones booleanas

En Figma, las operaciones booleanas son una forma de combinar dos o más formas para crear una nueva forma.

Las operaciones booleanas se basan en la lógica booleana, que utiliza los operadores "AND", "OR" y "NOT" para combinar dos o más valores verdaderos o falsos.

En Figma, las operaciones booleanas se realizan utilizando los siguientes cuatro operadores:
1. Union: combina dos o más formas para crear una forma compuesta que incluye todas las áreas superpuestas de las formas originales.
2. Sustracción: crea una forma compuesta que incluye la forma original menos la forma que se superpone.
3. Intersección: crea una forma compuesta que sólo incluye las áreas superpuestas de dos o más formas.
4. Exclusión: crea una forma compuesta que incluye todas las áreas de las formas originales excepto las áreas superpuestas.

Gabriela Furman

student•

Buenas noches, como hago para que me aparezca la regla para poder mantener las distancias o medidas pedidas?

Efraín Calderón Velázquez

student•

Hola. En el caso de Windows es seleccionando el objeto y después manteniendo presionada la tecla Alt y moviendo el cursor hacia el objeto que te interesa tener la referencia.

Diego Andrés Garzón Girón

student•

Así va mi proyecto en esta clase:

Redes de Vectores

Introducción

¿Para qué sirve Figma y por qué elegirlo?

Interfaz en Figma

Básicos

Configuración de guías y retículas

Creación de textos y estilos

Figuras e imágenes en Figma

Efectos en Figma

Redes de Vectores

Colores en Figma

Combo

Importar y exportar

Cómo crear guías de estilo

Auto-Layout

Los 15 mejores atajos para trabajar en Figma

Creación de componentes reutilizables: clase teórica

Creación de componentes reutilizables: clase práctica

Playground: Practica la creación de componentes reutilizables

Prototipado

Prototipado simple: interacción de scroll

Prototipado simple: conexión de diferentes frames

Prototipado avanzado: smart animate y componentes Interactivos

Co-Creando

Cómo agregar comentarios a los diseños

Historial de versiones en Figma

Librerías de estilos y componentes

Superpoderes

FigJam

Uso de plugins en Figma

Community: proyectos open-source y perfiles

Cierre

Proyecto final del curso de Figma