Transcript
Gabriela (0:00)
There is no reason to have to ever leave production anymore. You can just work in that environment. That trade off of speed and quality that we used to have to make, I think doesn't exist anymore because it's so achievable.
Host (possibly a designer or product expert) (0:13)
Welcome to Dive Club.
Rid (0:14)
My name is Rid, and this is where designers never stop learning. Today's episode is with Gabriela and Nim, who are the co founders of a new design tool called Desen. And the reason that I'm so interested in this product is they've built a way for designers to prototype within the context of your production code base only without any of the setup costs.
Host (possibly a designer or product expert) (0:36)
I had to see for myself.
Rid (0:37)
So I gave them access to the inflight repo just to see what's possible.
Host (possibly a designer or product expert) (0:42)
And it's pretty compelling. So let's dive right in.
Nim (0:45)
So last week, Kevin, who's a founding design engineer, he shipped this awesome animation. It went viral on Twitter. And as he shipped that, you know, it's really, really cool. And I was working on a completely different feature and I was like, I want to use this in my feature. You know, I was very inspired by it. So what I did is I went into Dasin and the first thing I did is I said render the notification component. And then what Dassin did is that it shows exactly what the component looks like. And you know, you can see that there's three different variants of this component and I can choose that. So I was like, ah, okay, now I know how this kind of works. And by the way, this is pulling exactly one to one from the code. This is not a recreation of what he did. This is literally the one to one code that he wrote. And I was able to pull that through. So I didn't. If I'm a designer on a team, I didn't have to go to a dev to understand how to do this. I didn't have to copy this in Figma and figure out how to do it. I just went in Dustin and said, please show me this component. And there it is. So I was like, this is pretty cool. I really want to look at the animations because I want to use animations for my own task. So the next thing I did is I asked Dyson to show me all the different ways this animation can work.
Host (possibly a designer or product expert) (1:55)
Oh, cool. I saved all these on notion, by the way. I saw that tweet and I was like, oh, that's amazing. And so without even putting two and two together, I took screenshots and like saved the link and I was like, I'm gonna reference this for something later. I don't even know what it is yet, but it's really cool.
