Componentes TextField y Textarea actualizados

componentes textfield y textarea para figma

En la versión 3.6 del UX fomo Design system hemos hecho varias mejoras en los componentes TextField y Textarea.

Ahora, ambos componentes incluyen una variante de tamaño LG (Large), adaptada para proyectos donde el espacio extra es clave.

Además, solucionamos un pequeño error en el Textarea, específicamente en su variante typing.

¿Qué significa esto para tus diseños?

Con el TextField y Textarea en tamaño LG, puedes ofrecer una experiencia más cómoda en proyectos que requieren inputs más grandes, ideales para dispositivos donde el espacio y la legibilidad son importantes.

Este nuevo tamaño se alinea con otros componentes de nuestro sistema de diseño, como los botones, garantizando consistencia visual.

Además corregimos la variante typing del Textarea, para que el resultado sea más “responsive”. Ahora cuando lo apliques en flujos y prototipos el resultado será mucho más real para el usuario.

Como puedes ver seguimos comprometidos en mejorar los detalles del UX fomo Design system, ofreciendo más flexibilidad y control en tus proyectos de diseño.

Prueba estas nuevas actualizaciones y cuéntanos qué te parecen.

Pasos para actualizar los componentes

Si quieres actualizar los componentes TextField y Textarea te dejamos el tutorial que publicamos en nuestro canal de YouTube, donde podrás ver todos los pasos y detalles para hacerlo.

Al pulsar «Cargar y reproducir vídeo», aceptas conectar con YouTube para mostrar este contenido. Recibirá tu IP y puede usar cookies y almacenamiento local según sus políticas. Más información. Puedes seguir leyendo sin cargarlo.

Ver en YouTube (se abre en otra pestaña)

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