Librerías de estilos y componentes

Clase 25 de 29 • Curso de Figma - 2020

Sergio Duarte

student•

Todos los estudiantes de Platzi tiene derecho a la versión de pago con una beca como estudiantes durante 2 años. Entrais en este link, https://www.figma.com/education/apply, rellenáis los datos y automaticamente os confirman que tenéis derecho a usarla como estudiantes durante 2 años.

Andrés Gómez

student•

Me aceptaron de una!

Roger Carlos Ariel Alba

student•

Es aporte es muy valioso. ¡Genial! Gracias por compartir.

Joel Vicente Nieto Gómez

student•

Todo se escuchaba genial hasta que llego a la parte de que solo estaba disponible en la versión de Pago 😪

Martín David Roldán

student•

Hola Joel, mira los comentarios de esta clase para que puedas tener la versión paga! Diferencias entre la versión gratuita y los planes de paga

Charlie Quesada

student•

Aprovecha el 30 y 31 de octubre que todos los curso van a estar abiertos.

María Paz Muñoz Parra

student•

Las notas de estos últimos conceptos: Components, Styles & Libraries. https://mariapaz.co/Figma-Components-Library.jpg

Usuario anónimo

user•

Dónde hiciste tu nota :)

María Paz Muñoz Parra

student•

Hola Diana! Las realicé con GoodNotes :)

Miguel Angel Echeverri Quiroz

student•

Me gustaría que se mostrara como se crea un librería con un ejemplo real

Fredy Sarmiento

student•

Un buen ejercicio que ayuda a identificar todo lo que compone nuestra interfaz... bastante interesante.

Evelyn Sanabria Rodríguez

student•

Hola, Alguien sabe si el convenido entre Figma y Platzi sigue vigente para tener cuenta de estudiante? Lo acabo de intentar y no aparece Platzi en la base de datos.

Dani Landa

student•

¡Hola! Sí, sigue vigente. Deberías poder ingresar Platzi en la sección de escuelas ¿te arroja algún error?

¡Saludos!

Evelyn Sanabria Rodríguez

student•

Hola, gracias por responder :-) No, mira que no aparece Platzi en las escuelas.

Rodrigo Rodriguez

student•

Es posible crear un componente, por ejemplo un encabezado con el logo de mi web , y que ese icono por ejemplo ya tenga definido a que pagina tiene que navegar , pero que esta pagina sea otra pagina de figma.

Pregunto esto porque me gustaria tener una "pagina" donde defino mis componentes comunes, con su navegacion.

Luego en otras paginas usar los componentes y que la navegacion ya este definida y si cambio la navegacion en el componente se actualicen las instancias.

Actualmente para poder definir componentes con navegacion y poder utilizarlos lo que hice fue poner todo en una misma pagina, solo que en otros frames para tener un poco organizado.

Joaquin Berardi

student•

Creo que hacerlo de esa manera no sería posible, de todas formas quedaría algo desprolijo y difícil de leer o comunicar con tu equipo!

Rodrigo Rodriguez

student•

Solo pregunto porque soy un novato, podrias decirme un poquito mas, porque quedaria desprolijo ??

Todo estaría dentro del mismo Draft

La idea es tener una Page "Components" , por ejemplo con un componente nav_header, definirle que al hacer click quiero que vaya a un determinado frame, pero de otra page, no de la misma. Hasta el momento no logre que Figma me deje definirle un frame de otra page.

Luego otra Page "Home" , en esta page me gustaria instanciar nav_header y que no tenga que volver a definir a donde quiero ir cuando le haga clic.

Nacho Cornejo

student•

Atomic Design

Javier Pomachagua Pérez

student•

Si puedo utilizar mis botones hechos como componentes para distintos borradores ciertos?

Juan David Cubillos Martinez

student•

Desde que estén en una librería compartida dentro del mismo proyecto sí.

Santiago Camargo

teacher•

Puedes utilizar tus componentes como biblioteca compartida en tus proyectos. Pero cuando quieras compartirlos con otra persona, ahí si debes pagar la versión pro de Figma.

Pedro Isaac Aguilar

student•

Hola. Tengo la siguiente duda: Después de 2 años de la versión gratuita de Figma como estudiante de Platzi,... ¿Ya no se permite renovar la versión gratis del software como estudiante?

Nestor Mauricio Rojas Rozo

student•

Al utilizar componentes en Figma se crean instancias, que son copias del componente pero cuentan con atributos propios. Instancias de componentes ➡️ Al utilizar un componente se crea una instancia y no una copia de este. Todas las propiedades de los elementos que componen una instancia se pueden cambiar, lo único que no se puede modificar es la posición y el tamaño de los elementos (para no romper la consistencia que ganamos con los componentes).

Osvaldo Arguedas Sibaja

student•

Casi finalizo el curso y el aprendizaje ha sido muy muy amplio, ahora es usarlo ojalá a diario para familiarizarse con figma.

Alfredo Olmedo

student•

En el ejercicio de Platzi Dogs, para mi son 5 componentes: 1.- Icono Hamburguesa, 2.- Barra de Navegacion, 3.- Foto, 4.- Texto "Platzi Dogs", 5.- Boton Ingresar

Carlos Arturo Pinzón Méndez

student•

Creo que el texto no se toma como componente porque no es algo reutilizable, simplemente es un texto. De pronto podrías revisar el minuto 3:21 de la clase.