Just wanted some advice, because I dont know if XD is the software for this,
i`m learning coding in C# and want to create interactive real time updating dashboards with graphs like circular graphics and bar charts that update with real time data.
Are these kinds of graphics created in code or in software like XD, adobe Animate (SVG, html5) ??
I know the design phase is done in photoshop or illustrator, can be done in XD or adobe animate, but what about when the actual inteface is being constructed, how are the graphics implemented?
Anyone with experience please advise. Thankyou!
Copy link to clipboard
These programs are only design tools, and the products are static images, not dynamic, working apps. You can't type text in fields, have conditional logic etc. You can showcase animations, transitions, micro-interactions such as hover states, overlays.
There are some plugins / tools that try to bridge the gap and make code from your design, but results are rarely good. For the best results you will have to code it manually. Most software, including Xd, shows each layers specs, so it's easier for developers to copy the numbers / variables / colors and quickly recreate the elements for the app.
TL; DR: You can draw the interface and test out user flows in Xd, but you will have to recreate everything with code to have a working app, with real-time data and so on.
Hope this clears things up.
Thanks Spas that was great feedback, got it.