No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Bonus: UI Kit

20/23
Recursos

Aportes 55

Preguntas 10

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

隆Soy un beb茅 de luz! Yeahh!

Los UI Kits son parte fundamental del sistema de dise帽o. Son librer铆as donde se alojan todos los elementos y componentes dise帽ados del producto. Un buen UI Kit es escalable y flexible a m煤ltiples cambios

Ojo cuidado que un UI Kit no es un sistema de dise帽o, si no mas bien es el resultado de uno.

隆Simplemente Genial! Y si soy una chiquitina que te esta viendo y estoy encantada con todas tus clases. 馃

UI kit: es una librer铆a completa para dise帽adores, permite reutilizar elementos una y otra vez. Adobe XD trae algunos ui kit bastantes completos para utilizar.

Los ui kit son muy cambiantes, es recomendable tener un modelo de versionamiento,

Es recomendable definir colores en cada elemento que se no seas mas f谩cil cambiar el color a todos los elementos a la misma vez.

Mart铆n Coronel
Dise帽o UX/UI

Web: http://martincoronel.com/
Facebook: https://www.facebook.com/mcoronel01/
Behance: https://www.behance.net/martincoronel

Aqu铆 pueden encontrar el UI Kit de Apple iOS Design:
https://developer.apple.com/design/resources/

A los que usen Sketch App, este cuenta con plugins que permiten el llamado de los s铆mbolos alojados en una librer铆a muy f谩cilmente. Mi favorito es Runner, es el Spotlight de Sketch.

隆Hola a todos!

Aqu铆 pueden encontrar el UI Kit de Material Design:
https://material.io/archive/guidelines/resources/sticker-sheets-icons.html#

Me resulta muy agradable como interaccionas con los alumnos jaja gracias por tu curso tan interesante 鉂わ笍

Pero, m谩s bien el UI kit es el resultado de un Sistema de Dise帽o, 驴cierto? Lo vimos varias clases atr谩s鈥

Un beb茅 de luz!! 馃槀 el profesor mantiene una muy buena actitud desde el inicio del curso, excelente profesor y excelente curso鈥

Corazoncito si eres un Bebe de Luz 馃挌

El profe rulo transmite energ铆a, lo cual hace que te motives a seguir y mejorar. Y eso es genial y mucho.

que hermosa claseeee x diooooos jajaja finalmente comprend铆 bien que es un UI Kit graaaciaaass

En Figma se puede tener una librer铆a con todo el equipo de dise帽o. Muy 煤til porque si se usa, se puede actualizar la librer铆a en cualquier momento y los componentes se actualizan en los dise帽os en donde est茅n

Me ha encantado esta clase! sin duda agiliza mi trabajo en dise帽o web

Est谩 s煤per bueno 馃ぉ

no mmmm te pases, jajaja

Genial, en sketch para hacer ese cambio de colores que hace Rul贸tico es f谩cil hacerlo mediante los styles de colores y saber manejar los s铆mbolos anidados.

Un art铆culo interesante para conocer m谩s a fondo la diferencia entre un DS y un UI Kit https://medium.com/startups-es/no-es-lo-mismo-un-uikit-que-un-sistema-de-dise帽o-36efe44b7988

Para estos casos usen FIGMA y es gratuito

Qu茅 excelente maestro. En verdad que es un placer aprender cuando los profesores se divierten y hacen la clase tan amena que ni se siente el paso del tiempo.

Bien por Rul贸tico.

Que genial quiero aprender a hacer UI kits

Ojo cuidado que un UI Kit no es un sistema de dise帽o, si no mas bien es el resultado de uno.

Esta muy bueno!! Agiliza mucho los tiempos el tener un UI Kit.

Esta clase se conbina perfectamente con el curso de Figma. Excelente Platzi. 馃槏

Si a煤n no lo has cursado, te lo recomiendo como alternativa a AdobeXD

No comprendo. Si estamos desarrollando un sistema de dise帽o 驴el UI Kit no deber铆a ser el resultado (o el producto) derivado de las las otras piezas del sistema de dise帽o?

Sigo viendo DS y sigo leyendo 鈥淒ark Souls鈥 xD

Muchas gracias
Alguien sabe D贸nde Puedo encontrar el Fondo de Pantalla del Profesor?
Ejemplo de UI KIT [**https://www.figma.com/community/file/876022745968684318/bootstrap-5-ui-kit**](https://www.figma.com/community/file/876022745968684318/bootstrap-5-ui-kit)

en CSS para hacer los cambios globales :root se usan unas variables globales donde se definen los colores para evitar que ocurra problemas de cambiar el color individualmente.

Me encanta que el UI Kit sea una biblioteca de referencias de nuestro producto, que sea f谩cil de modificar y escalable 馃槃

2023, soy un beb茅 de luz.

鈥淵 dices No mmmmm鈥e pases鈥 馃槀

Sin duda el dise帽o no es cualquier cosa鈥

Me parece muy bueno el UI Kit que muestra Rul贸tico, lo tiene todo muy bien organizado por secciones, mi UI Kit es todo un lio, jaja. Bueno, a mejorar ese UI Kit, tal vez tarde horas o incluso d铆as, pero de seguro vale la pena. 馃く馃く

Es por esa raz贸n por la que es mucho m谩s factible usar Figma, eso de estar guardando los archivos de manera local ya se me hace muy ambiguo y nada pr谩ctico, en vez de guardar todos los cambios en la nube para que el equipo de desarrollo lo pueda consultar m谩s tarde.

Un UI kit es una librer铆a completa de un producto digital, utilizada como diccionario o manual de identidad gr谩fica de ese producto para los dise帽adores. Contiene todos los elementos que integran la comunicaci贸n visual de la marca hacia el usuario. Un Sistema de Dise帽o debe contener el UI kit de la marca.

Sin duda una excelentisima herramienta, que nos ahorra bastante tiempo 馃く馃く馃く馃く

驴Alguien mas nota un poco de desfase entre la voz y el video?

A los que usen Sketch App, este cuenta con plugins que permiten el llamado de los s铆mbolos alojados en una librer铆a muy f谩cilmente. Mi favorito es Runner, es el Spotlight de Sketch.

Realmente no me esperaba un bonus de est谩 forma, es una practica muy productiva el utilizar los s铆mbolos para el cambio de color y otras cosas. Es un curso fant谩stico.

Hola Rul贸tico en este curso, se vio XD, lo prefieres sobre Sketch?

Ques es un UI KIT?

Rul贸tico! Me encanta tu gusto por el cyberpunk! coraz贸n coreano

#SomosBebesdeLuz 馃槉

muchas gracias鈥as clases han sido bastante utiles. Es muy importante la documentacion y los UI kits son prueba de ello.

Amo los UI Kits pero son bien pesados de rellenar jeje peo al final ayudan mucho en figma

Beb茅 de luz 馃槀

Considero que mientras que un UI kit se centra en los elementos visuales y de interfaz de usuario espec铆ficos, el system design abarca el dise帽o y la planificaci贸n de sistemas completos, incluyendo su arquitectura y funcionalidad.

genial

El UI Kit que se muestra en el video cual es? me pase a la p谩gina de adobe y vi que existe varios para material design, IOS, IBM, etc.