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

Поділитися
Вставка
  • Опубліковано 13 гру 2024

КОМЕНТАРІ • 17

  • @SantiM325
    @SantiM325 Рік тому

    Gracias por el video Felipe! Muy top el plugin, no lo conocía y ya lo estoy utilizando!!

  • @brianm3160
    @brianm3160 Рік тому

    This is good, exactly as I've been doing!
    Loved thr video 🎉

  • @fiorellavelazco3578
    @fiorellavelazco3578 6 місяців тому

    Excelente explicacion, gracias!

  • @dave_px
    @dave_px 7 місяців тому

    excelente explicación

  • @jesusandressanchez5668
    @jesusandressanchez5668 Рік тому +2

    Deberias crear mas redes sociales instagram, Twitter para que allí tu contenido también sea visible

    • @felipe.cardona
      @felipe.cardona  Рік тому +1

      Gracias! Actualmente tengo twitter e insta, pero no hago mucho contenido por allí, qué te gustaría ver? 👀

    • @felipe.cardona
      @felipe.cardona  Рік тому +1

      @@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!

  • @gustavogiraldo1817
    @gustavogiraldo1817 7 місяців тому

    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  Рік тому +1

      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 Рік тому +1

      @@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.

  • @arturocebriangalban997
    @arturocebriangalban997 7 місяців тому

    ¿cómo compruebas la accesibilidad de los colores?

  • @Jose-fi8tn
    @Jose-fi8tn 9 місяців тому

    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  9 місяців тому

      ¡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 😊

  • @giulianabelardo6907
    @giulianabelardo6907 8 місяців тому +1

    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  8 місяців тому

      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.