Show HN: NPM package which makes your react app visually editable like Figma (npmjs.com)

6 points by satuke 2y ago ↗ HN

5 comments

[ 4.6 ms ] story [ 15.2 ms ] thread

this is a very early version of a visual-editor that I'm building which lets you edit like you would in devtools/figma and sync those changes to your code. everything runs on the user's machine so there's no need to login. the aim here is to help you build visually when you want to without locking you into a platform.

ctb9 2y ago ↗

This seems like it could be cool, but I would need an actual product screenshot or a demo video on the website to move forward.

And the "Learn more" link inside the Your Design Assistant section doesn't point anywhere.

satuke 2y ago ↗

Thanks for pointing that out, I'll fix that! Here's a screenshot which might help you https://imgur.com/HlmOoK4

also added it on the website.

psnehanshu 2y ago ↗

Once changes are done, how are they saved?

satuke 2y ago ↗

they're synced in realtime with your code. we have a proxy server running on your machine which talks to your website's editor and the codebase to sync the changes as you make them.