Introducing Retune
Vibe coding is fun but it's so annoying to prompt Claude Code for specific UI changes. I just want the tools I'm familiar with as a designer to tune the UI just how I want it.
Retune lets you do just that. Select any element in your running app, tweak it visually, and your AI coding tool writes the change to source. Like DevTools, but the changes stick.
@benjitaylor's Agentation and @joshpuckett DialKit were huge inspirations for tools that greatly improved different parts of my workflow as a designer leveraging AI tools to prototype.
Hopefully, Retune is useful to some who would much rather tweak the UI themselves than prompt the change.
Check it out here: https://t.co/WySZyJ0DfY
Github: https://t.co/xfv5cLLV2F
I used to have access to an internal plugin at MSFT that sampled colors from an image fill and generated a gradient you could one click apply and couldn't find a public plugin to do that but @figma AI did a pretty solid job.
Introducing Retune
Vibe coding is fun but it's so annoying to prompt Claude Code for specific UI changes. I just want the tools I'm familiar with as a designer to tune the UI just how I want it.
Retune lets you do just that. Select any element in your running app, tweak it visually, and your AI coding tool writes the change to source. Like DevTools, but the changes stick.
@benjitaylor's Agentation and @joshpuckett DialKit were huge inspirations for tools that greatly improved different parts of my workflow as a designer leveraging AI tools to prototype.
Hopefully, Retune is useful to some who would much rather tweak the UI themselves than prompt the change.
Check it out here: https://t.co/WySZyJ0DfY
Github: https://t.co/xfv5cLLV2F
@BuffetDesigns Completely free to use! Made this mostly for my own workflow and figured there's probably other people who could use something like this.
@BradfordHuber4 Would love it if you can give https://t.co/BwVSwm3nts a try. It's not perfect by any means and there's still a ton of UX improvements that can be made to help people have clarity on how their changes will be scoped.
Yes, this is currently supported. You will see this section at the very top that shows you your component props (if it is an actual react component) and this Scope section that lets you decide how specific you want your change to be.
In this example, the target is currently "all medium avatars" which would be a global change. You can switch target to "all avatars" or even just this instance on this page too.
The UX is still not quite elegant and intuitive IMO and there's some limitations right now where you can make changes simultaneously to All avatars and also make some specific changes to All medium avatars.