No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Redes de Vectores

7/25
Recursos

Aportes 85

Preguntas 20

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

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

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

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


Mi aporte.

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.

Así va quedando…

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

También encontré esta web Boolean method

  • 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.
Así va mi proyecto en esta clase: ![](https://static.platzi.com/media/user_upload/Messi_Figma_2-18de86ac-4855-477f-b1d7-e4c7cf24070e.jpg)

Para duplicar la caja de texto que hace en el minuto 15:20 en mi PC (windows) se realiza apretando la tecla ALT, y ahí si lo movés y se duplica

Información resumida de esta clase
#EstudiantesDePlatzi

  • En Figma siempre trabajamos en vectores y esto hace que las operaciones que hagamos allí sean no destructivas

  • Los vectores los creamos con la herramienta Pen

  • En Figma un punto puede alojar una infinidad de trazos y si muevo estos puntos todos los trazos que estén conectados a el se moveran

  • Las operaciones Booleanas me permiten unir, adicionar o restar figuras

  • Todo en una escala de 8px

  • Los estilos guardados me permiten ahorrar tiempo al hacerlos reutilizables

  • La propiedad Truncate text me permite definir el tamaño del bloque en donde se encuentre el texto, si la longitud del texto supera este tamaño lo que pasara es que el texto que quede fuera del bloque se ocultara

  • Tecla “P” = Herramienta Pen

  • Con la operación booleana unión puedo unificar figuras

  • En la etapa de prototipado es cuando se conecta los frames y se ajusta su comportamiento

Todas las notas

Este es mi trabajo de clase de redes de vectores, cada vez siento más feliz de empezar este camino

Poco a poco 😃


Mi avance hasta ahora.

Vengo de la ruta UX/UI Designer, no pude instalar Adobe Xd y llegué hasta este curso, está muy bueno

Buenas Tardes!!, así voy yo con la mía. ;) ![]()![]()![](https://static.platzi.com/media/user_upload/image-9e93f77d-bc92-48cd-9c1a-a416b65a936d.jpg)

Aquí vamos 💪

Yeah!

![](

Buen dia, podrian sacar el círculo con la imagen del profesor, tapa parte de lo que muestra en pantalla.

Para truncar y la union aqui estan los pasos ![](https://static.platzi.com/media/user_upload/image-f193b48a-f8db-4a9b-9e9c-9ad73a451dbc.jpg) ![](https://static.platzi.com/media/user_upload/image-969777a8-a8a7-4065-8f3e-99b21d8eb9d0.jpg)
Holaa una pregunta super rápida laguien sabe donde puedo encontrar esta herramienta llamada "Trucate text"? es que ahora que estoy hacendo el curso la interfaz de Figma cambio un poco y todavia no la encontro, se los agradeceria bastante. ![](https://static.platzi.com/media/user_upload/image-7835997a-a5d4-4b3d-93d1-b68c160d2d53.jpg) ![](https://static.platzi.com/media/user_upload/image-82ea19fc-42c2-481c-9a44-00a18058cf95.jpg)![]()![]()![]()
Buen día, comparto mis avances ![](https://static.platzi.com/media/user_upload/image-dcd04dff-8e42-4cc4-b07c-5051d5e4c58e.jpg)
Estoy muy contenta con este curso! He tenido curiosidad por saber manejar esta herramienta y ya voy dando mis primeros pasos en ella! ![](https://static.platzi.com/media/user_upload/Screenshot%202024-07-02%20145056-18725b59-13e6-441c-b666-6566c464d083.jpg)
Aquí les dejo donde se encuentra ubicado actualmente la opción de "Truncate text" ![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202024-06-05%20103814-adf0886f-e7e9-407b-a6e5-916636ae5610.jpg)
Tengo una duda: ¿Cómo sabes cuantas columnas son ideales para cada tipo de formato en este caso es Android, pero para los demás formatos? Cómo sabría cuál es la mejor manera de hacer la guia o retícula.
Mas recursos Vectores II <https://www.youtube.com/watch?v=GetLzfMC6H0>
No me aparece la opción Truncate Text ![](https://static.platzi.com/media/user_upload/image-2d289034-3df4-42da-9cb2-200c9ddf2dbc.jpg)![](https://static.platzi.com/media/user_upload/image-8b16fb3e-db4e-4995-bb21-9903525b622d.jpg)
![]()![]()
ya probre todas las alineaciones y no me sale la opcion truncar texto
![](https://static.platzi.com/media/user_upload/image-d35f936d-f937-4a9f-a036-ef476edb8da8.jpg)
![](https://static.platzi.com/media/user_upload/image-9997324d-4267-4c71-bdf5-2074ac749a45.jpg)Minimalista por el momento

Asi va yendo mi proyecto

Creando redes de vectores: ![](https://static.platzi.com/media/user_upload/Redes%20de%20vectores-7554cc8b-5168-48fe-a526-8e1790762118.jpg)
![](https://static.platzi.com/media/user_upload/image-ffc19e69-d00b-4bd0-898c-4fbeec730deb.jpg)
![](https://static.platzi.com/media/user_upload/image-743a2814-f85e-42cb-b6c0-c59979c441af.jpg)![]()
Mi primer prueba y experiencia usando Figma, lista para practicar y mejorar cada día ` `

acabo de empezar este curso pero no entiendo lo de columnas para que son ,

Hola comunidad, les dejo mi ejercicio con la liga del archivo figma. file:///Users/aresvazquezbravo/Desktop/Captura%20de%20pantalla%202023-10-14%20a%20la(s)%2011.01.20%E2%80%AFp.m..png ![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202023-10-14%20a%20la%28s%29%2011.01.20%E2%80%AFp.m.-65af1497-d598-4efb-a0d7-06dc79a86bcf.jpg)
Hola comunidad, les dejo mi ejercicio con la liga.![](file:///Users/aresvazquezbravo/Desktop/Captura%20de%20pantalla%202023-10-14%20a%20la\(s\)%2011.01.20%E2%80%AFp.m..png) <https://www.figma.com/file/NQ71vufXSsKuI3ltWDLArU/Medium-blog?type=design&node-id=0%3A1&mode=design&t=mvHIYXTieT1VNey3-1>
Comparto mi avance: ![](https://static.platzi.com/media/user_upload/image-d293c770-9684-4d70-a190-05df0b095768.jpg)
![](https://static.platzi.com/media/user_upload/image-f39a4773-5c12-4a15-89c6-31b68e6e8fa7.jpg)
![](https://static.platzi.com/media/user_upload/image-6acd8488-3205-4800-ba62-75e479400d31.jpg)
![]()![](https://static.platzi.com/media/user_upload/image-c651280a-ccf5-4c17-9868-2ae369221c0a.jpg)

😄 Mi primer intento

![](

De momento así vamos

Estoy diseñando la interfaz de una app de literatura 😄

Ahí está mi ejercicio 🤠

Cmd + flechita --> Para cambiar el tamaño de la caja de texto
Cmd + R–> Para cambiar el nombre del frame

Me gusta mucho Figma 😄
.
.

Las operaciones booleanas nos permiten armar piezas gráficas vectoriales de manera rápida y práctica, al recortar, sustraer o unir diferentes elementos para diseñar formas más complejas y que nos llevaría más tiempo hacer.

Excelente clase