Design ∞ code loop, but 10x better. Introducing the browser agent in pen.dev. Import HTML/React to fully editable canvas, make edits/variations, export back to code. Build with the browser & the canvas at the same time, the ultimate combo. Download today.

Download at - Full seamless import from HTML and export to HTML - Tag elements in the browser and the canvas at the same time in the chat - Also import styles, classes, colors, fonts info, etc. to the canvas

@pendev Ok this is a very cool take 👏

@pendev Hey @ridd_design, thanks! Still surprises me how much this unlocks. I just asked the agent `create a sitemap of on the canvas, import each page.` It pulled all the pages, all editable. Gotta finally redesign our web...

@pendev 🚀

@pendev 🫡

@pendev Let’s go!!!

@pendev A neat thing I've noticed is that even when I'm doing something unrelated to my agents now use the in-pen browser to launch and screenshot things.

@pendev This is basically what I’ve been wanting in Figma for years. Bot friends designing right next to me.

@pendev This is super exciting! Thank you for all the amazing development on this. Will give it a go now!

@pendev Congrats!

@pendev Wow I’m way behind on the update 😅 But as a good note, I just used it today and it helped a lot even though on the older version so thanks!

@pendev Looks amazing!

@pendev Looks awesome

@pendev looks good might actually try this

@pendev Looks crisp

@pendev very krisp!

@pendev 👏🔥

@pendev 🔥

@pendev The loop we all need!

@pendev I love everything you guys are doing. I compared many different tools but truly just does it right. You made a forever supporter.

@pendev Beautiful work.

@pendev super cool, gotta try this soon

@pendev 🔥 🔥 🔥

@pendev 🏕🤷🤬

@pendev Thanks for the great work on this! Is it React-only? 🥲 I use Vue mostly

@pendev The import is computed DOM from the browser with additional data `source maps` and then the agent translates into whatever is needed. So it should work nicely. Give it a shot.

@pendev Does it also work with the Cursor extension? Looks really nice 👏

@pendev in cursor you can already open the browser and cross reference things, but import from browser is not there, we will think about it. However you can take your Cursor API key and put it in the desktop app.

@pendev The Cursor API key hint is great. Thanks 👍

@pendev Hi Tom! Awesomeeee! Can't wait to try it, but it seems that I can't connect to ChatGPT Plus Codex. The browser says I can close, but still says "Signing in..."

@pendev Flutter support?

@pendev sure, should work actually.

@pendev render engine is still custom or html-based?

@pendev Would be cool if we could get Kimi3 running and testing, I could not get it to work. IDK why

@pendev At least 3 providers on @pendev support it already. More to come.

@pendev Does it work with RN?

@pendev yeah. get the latest update

@pendev 👀