How to create a simple grade calculator in Adobe XD?

Question

I’m experimenting with Adobe XD and want to build a simple interactive prototype that works like a grade calculator. For example, a user could input their scores, and the design would show their average or final grade.

I found an example of how these calculators usually work here: https://calcularnotas.com/ – it’s a site that calculates grades online. I’d love to create something similar in XD just as a clickable mockup (not a full app).

Does anyone know the best way to simulate input fields and calculations in XD, or is that something I’d need to move to Adobe Animate or another tool for real functionality?

Thanks in advance!

Chris W. Griffith · Answer

XD offers no logic or controls, so any prototype would have to be pre-built flows, so you could only demonstrate specific inputs. For example, you would have to show 2+3 =5. If you wanted to show 3+2=5, then you have to ALSO build that flow. So if you just want to demonstrate one or two examples, XD will work; otherwise, you will need to use something else. Mind you, you need to ask yourself is that level of fidelity is needed?

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded