Exporting code that developers can use for handoff purposes.
Yep, just inspection would be fine for now. Inspect css, inspect animations, and maybe in the future the option to export ready-to-use code snippets.
One thing about this is code export is there is a big gulf between the "inspect" mode and the next tier up.
1. "inspect" mode is merely showing CSS snippets. This is fine for small projects but when it comes to design systems it's quite limiting.
2. really useful code export may require a ton of work because you would have to support native components (React etc). No one has yet figured this out, not even Framer..so don't feel pressured.
What might be more useful in the short term is being able to just provide some link or code snippets to the actual component so when a dev sees a Protopie component they know which element it's representing.
Anyone else have any better ideas?
This would be a massive project. It would actually make more sense to compile directly to an app, if you were going there! However, there might be some sort of visualization of the prototype that could be exported that would help developers set up their hierarchy and structure - more hints than actual code.
Supporting react would be very nice as well.