Componentes Checkbox y Radio button

cómo diseñar componentes checkbox y radio button con figma

Acabamos de publicar la versión 2.2 del UX fomo Design system y viene con dos nuevos componentes que te van a encantar: Checkbox y Radio button.

Estos nuevos componentes son perfectos para diseñar formularios electrónicos en Figma.

Checkbox

Te contamos cómo es la anatomía del Checkbox:

  • Estados: Unselected, Selected, Indeterminate, Error, Read only y Disabled.
  • Propiedad de texto: Label, que mostrará contenido a la derecha de la casilla.
  • Propiedad booleana: Required, para indicar al usuario que necesita marcar la casilla para continuar.

Radio button

Las propiedades del Radio button son similares a las del componente anterior:

  • Estados: Unselected, Selected, Error, Read only y Disabled.
  • Propiedades: Label y Required.

Puedes obtener la nueva versión de nuestro sistema de diseño y empezar a usar el Checkbox y el Radio button en tus proyectos.

Como siempre, tu feedback es muy importante para mí, así que no dudes en contarme qué te parece y cómo puedo seguir mejorando.

Muchas gracias.

Acerca de Juanpol

Product Designer en Magnific. Combino diseño, código e IA para crear mejores experiencias y agentes que transforman la forma en que diseñamos y construimos.

¿Te lo mando por correo?

Las siguientes notas de trabajo, en tu bandeja. Una o dos veces al mes.

Ver la newsletter