Tips, Taps and Drags

So I’ve been playing around with this idea for a tip calculator that uses a mix of input methods to get the job done.

I had a look around the app stores for what’s out there, and while there are some nicely designed products, they all involve a lot of tapping on the screen to change input field focus from amount, to tip, to the split before the final total is displayed.

My solution only has a single keypad based input: the amount. The tip and split values are influenced by how much you slide your finger left and right within their respective zones.

Always having the amount field focussed means making a change to the amount only requires using the backspace.

Just a bit of fun really, and worth noting the maths is a little off due to how Framer deals with decimal rounding.

If someone wants to make this with me, get at me.

Download now to enhance your projects with visually stunning and user-friendly designs. With FigmaResource.com, you can save time, boost your productivity, and achieve professional-grade results without breaking the bank. Start exploring our vast collection today and take your design projects to the next level!

Discover an extensive library of free, high-quality design assets at FigmaResource.com, your go-to destination for all things Figma. Whether you’re a professional designer or just starting out, our platform offers a wide range of resources, including UI kits, icons, templates, and more, all meticulously crafted to help you streamline your design workflow.

At FigmaResource.com, we understand the importance of having the right tools at your fingertips, which is why we provide these assets completely free of charge. 

Please be aware that while you can download free resources from our website, we do not host any of the files directly. All resources are handpicked and collected from various external sources.