This page is a work in progress
Adding the ability to view and approve code changes in Figma Make
As you can see in the wireframe above I have went with the IDE sidebar with the ability to see the old (red) line of code and new (green) line of code to approve or keep the current line. I think the ability to full screen this which could then pop out the Project Directory along with an indication on any changes made to any other file the user can view and approve etc. Also the ability to just approve all or reject all changes at the top.
Ability to see changed lines
The user can understand and see the lines that have changed from their prompt.
Approve or Reject all changes
This only apply to the changes on that file. Meaning the user would need to view other files to then approve all or reject all.
Approve or reject single lines
The user can approve or undo single lines. Another cool idea would be to store/stash changes.
Version history to view past changes
Being able to look at previous versions to see how the code has changed.
The user would read the line and understand the code at which point you would hover them to see if you want to approve the change (= use the green line) or undo (= keep the red line). The look or how this interaction happens could be changed.
This also heavily relies on if the AI is editing the existing code in singular blocks. Because you can select a specific div or button etc and prompt it to do something to that specifically and from what I can tell it only changes what you select. But it does after the prompt show different files seemingly being rebuilt completely which if it does that (I have no idea if it does or doesn't) then my idea does not really work.