Diff

Diff

Prototype and share changes to your site with no coding

1 follower

Diff is a prototyping tool for designers, developers, and product teams. You can use browser devtools to design changes and share them with a unique url of your live website.
Diff gallery image
Diff gallery image
Launch Team
Wispr Flow: Dictation That Works Everywhere
Wispr Flow: Dictation That Works Everywhere
Stop typing. Start speaking. 4x faster.
Promoted

What do you think? …

Ryan Hoover
At first I thought this was a tool like Flawless for coordinating with design + engineering. This is more like a sandbox tool for design collaboration, in the browser. 🤔
Jonathan Fontanez
@rrhoover exactly like a sandbox tool. The goal is to let you do things like make edits to your site, like producthunt, and let people try out those changes so you can quickly iterate (for example sending out a beta version of the site with minimal Dev time) It's meant as a more realistic prototype since it let's you sandbox your running site. Prototyping sites with sessions like producthunt is one of the next things we are working on tackling.
Lisa Dziuba
@rrhoover Ryan you made my day 😃
Steven Diffey
Looks promising for allowing developers to test-out tweaks to the CSS with the visual design team. I particularly like it for having been named after me 😁
Jonathan Fontanez
@stevendiffey thanks so much for the feedback. That is definitely our vision, to make it easier to make tweaks, perform user testing, and prototype. We've got a lot of upcoming changes in the pipeline including a built in tool for updates that should feel similar to tools like Figma 2.0 Sketch for Designers or Adobe XD If you have any suggestions on ways we can improve I'd love to hear them. P.s. it's a happy coincidence that it's similar to your name 😀
Brian Roach
What happened to this product?
Bernard Brown
This is just the beginning of what we plan on creating with Diff. We want your feedback! Give it a spin and let us know what you would like to see in the next version.