We were building a software for a hackathon and you can see the progression in the design with this how we started with a simple webpage built using StreamLit without any design and then coming and building a prototype in Figma and then converting it to a real project in ReactJS.

Here is what we created for the hackathon the Backend code was something that took us a very long time hence we were able to contribute nothing to design and on top of it Streamlit is not a very design friendly library.

After this we went and learnt Figma and basic design principles and created this

This was something that I was doing for the first time in Figma hence wanted to just push a design that makes sense and this did for me and I went ahead with it, learning curve was great but it was still something I picked up in a week and the templates are really amazing, which provide beginners like me a huge help.