Mis herramientas favoritas para UI.

Soy un programador Fullstack y para mi es crucial el desarrollo rapido y entregas inmediatas con tecnologias que no me detengan o retrasen mi desarrollo, estas son las tecnologias que me facilitan el trabajo para UI.

Programacion Personal Workflow

Mis bibliotecas UI favoritas


Como programador Fullstack es crucial realizar un diseño que guste al cliente final, existen diversas tecnologias que ejecutan este tipo de funciones, y no siempre hay tiempo suficiente para hacer un diseño totalmente personalizado para el usuario y en mi caso tiendo a recurrir a paquetes de diseños ya realizados, aunque existen miles, definitivamente estas son las que mas utilice y mas encantaron a mis clientes finales.


Material Design con Flutter


No puedo dejar decir maravillas sobre Flutter, en cuestion de aplicaciones que requieren ser moviles o de escritorio, el desarrollo en Flutter es estupidamente rapido y tiene consigo el paquete de Material Design donde es increiblemente facil agregar contenido.


FilledButton(
        onTap: () {}, 
        child: Text('Hola')
    )
        

Como se puede ver, con un solo Widget que se coloca en Flutter se crea un boton elegante, moderno al puro estilo de Material Design y que es adaptable al tema que tienes en Flutter.


DaisyUI con Astro


Aunque de por si Tailwind ya hace mucho por facilitar el trabajo, a veces es tedioso repetir los componentes, y siendo sinceros a veces da pereza crear tu paquete y estarlo importando, entonces mejor utilizo un paquete con una cantidad generosa de componentes que ya tiene un diseño predefinido para mi donde solamente los importo y me facilita el diseño web de una manera increible.


 <div class="btn">
   </div>
        

Y listo!, quiza el resultado no es espectacular, pero tiene muchas variaciones y se agradece de que con 3 letras ya tenga un boton funcional, estetico y que sea adaptativo al tema, es lo que lo hace mucho mas grandioso y agiliza el trabajo todo gracias a usar DaisyUI.


Rey indiscutible


Aunque estoy haciendo un poco de trampa aqui ya que no es una libreria tal cual, pero el usar Figma y que de forma tan sencilla podamos obtener el diseño no solo web del boton que creamos, si no que se traduce a distintos lenguajes para CSS, Flutter, Java. Es simplemente increible, obviamente usando algunos Plugins, pero ciertamente Figma ahorra mucho trabajo a los desarrolladores.


https://figma.com
¡Encima podemos diseñar en la Web!