Тёмный

Como crear paletas de color UI | Creando un design system en Figma 

Felipe Cardona
Подписаться 875
Просмотров 2,7 тыс.
50% 1

Опубликовано:

 

18 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 17   
@SantiM325
@SantiM325 Год назад
Gracias por el video Felipe! Muy top el plugin, no lo conocía y ya lo estoy utilizando!!
@dave_px
@dave_px 4 месяца назад
excelente explicación
@fiorellavelazco3578
@fiorellavelazco3578 3 месяца назад
Excelente explicacion, gracias!
@jesusandressanchez5668
@jesusandressanchez5668 Год назад
Deberias crear mas redes sociales instagram, Twitter para que allí tu contenido también sea visible
@felipe.cardona
@felipe.cardona Год назад
Gracias! Actualmente tengo twitter e insta, pero no hago mucho contenido por allí, qué te gustaría ver? 👀
@felipe.cardona
@felipe.cardona 11 месяцев назад
@@jesusandressanchez5668 En mi opinión, el mayor error que puedes cometer es solo aprender teoría. UX/UI se aprende creando productos digitales, probándolo con usuarios reales y mejorando cada día!
@brianm3160
@brianm3160 11 месяцев назад
This is good, exactly as I've been doing! Loved thr video 🎉
@gustavogiraldo1817
@gustavogiraldo1817 4 месяца назад
GRACIAS FELIPE
@MoiSeSu81
@MoiSeSu81 Год назад
Muy interesante el vídeo, gracias por ofrecer estos recursos didácticos. Me gustaría compartir una opinión. Los Design System o los UI Kits suelen ser muy escalables, y con facilidad se convierten en mamotretos que no ayudan a la búsqueda de recursos. ¿No crees que es más óptimo en el caso de colores como los de Error, Success o Warning solo crear los que vas a utilizar? Crear las paletas completas de cada color genera mucho residuo que no utilizas y crea fatiga visual. Pasa con otros componentes, veo Sistemas de diseño sobredimensionados donde solo se utiliza una pequeña parte y no me parece una buena práctica.
@felipe.cardona
@felipe.cardona Год назад
Tienes razón, pero creo que es un ejercicio que se tiene que hacer a posteriori. Prefiero tener más a tener menos, para no tener que ir creando luego sobre la marcha. Pero la idea es luego asignarles usos concretos (bordes, iconos, etc).
@MoiSeSu81
@MoiSeSu81 Год назад
@@felipe.cardona Como ejercicio con finalidad didáctica me parece fantástico ya te digo. La verdad es que con la experiencia acabas afinando el tiro, viendo los wireframes y algún prototipo funcional te creas el esquema mental. Sinceramente prefiero crear algo de más a posteriori que mucho sobrante desde el principio, pero sin duda es algo que adquieres con los años. Enhorabuena por los aportes.
@giulianabelardo6907
@giulianabelardo6907 5 месяцев назад
Por que hay que crear nueve tonos distintos de cada color? Y por que se nombran de 100 en 100? No llego a entender que significa esa nomenclatura.
@felipe.cardona
@felipe.cardona 5 месяцев назад
Buenas Giuliana, los números es algo común que popularizó Material Design. Creo que tiene que ver con el típico font name que usa también 100,200,… la verdad que puedes llamarlos como quieras, a mi me encaja esa forma ya que así puedo darle una escala numérica. Lo de nueve tonos es para tener versatilidad, puedes usarlos y luego en un tiempo eliminar los que no uses. Yo almenos te aseguro que utilizo casi todos en mis diseños, ya que luego siempre hay detalles.
@arturocebriangalban997
@arturocebriangalban997 4 месяца назад
¿cómo compruebas la accesibilidad de los colores?
@felipe.cardona
@felipe.cardona 3 месяца назад
Plugins como contrast
@Jose-fi8tn
@Jose-fi8tn 6 месяцев назад
Hola Felipe, que tal,?? genial el video, ahora con la actualizacion de figma sabes como eliminar los colores guardados como estilo ? estoy dando vueltas y no lo soluciono saludos
@felipe.cardona
@felipe.cardona 6 месяцев назад
¡Buenas! Tienes que pulsar en el fondo (deseleccionar lo que tengas seleccionado) y seleccionas el estilo. Click derecho y le das a eliminar. Dime si te funciona 😊
Далее
How I make UI color palettes
8:51
Просмотров 411 тыс.
Cómo crear design systems en Figma
14:18
Просмотров 3,4 тыс.
Cómo Diseñar Interfaces en Modo Oscuro (Dark Mode)
23:49
Creating a Color System in Figma | 3 Easy Methods
16:02
60-30-10 Color Rule
6:18
Просмотров 1,9 млн