<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Dive Club</title>
    <description>Where designers never stop learning 🤿</description>
    
    <link>https://dive-club.beehiiv.com/</link>
    <atom:link href="https://rss.beehiiv.com/feeds/NDA6Nfk8yS.xml" rel="self"/>
    
    <lastBuildDate>Fri, 10 Jul 2026 03:39:33 +0000</lastBuildDate>
    <pubDate>Wed, 08 Jul 2026 13:00:20 +0000</pubDate>
    <atom:published>2026-07-08T13:00:20Z</atom:published>
    <atom:updated>2026-07-10T03:39:33Z</atom:updated>
    
      <category>Podcasts</category>
      <category>Design</category>
      <category>Technology</category>
    <copyright>Copyright 2026, Dive Club</copyright>
    
    <image>
      <url>https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/publication/logo/8eba4958-625b-4421-be55-a4347914f6bc/Dive_Logo_opt.png</url>
      <title>Dive Club</title>
      <link>https://dive-club.beehiiv.com/</link>
    </image>
    
    <docs>https://www.rssboard.org/rss-specification</docs>
    <generator>beehiiv</generator>
    <language>en-us</language>
    <webMaster>support@beehiiv.com (Beehiiv Support)</webMaster>

      <item>
  <title>🤿 tag</title>
  <description>what it&#39;s like designing Claude Code </description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/46769b90-5d56-4ea0-a812-7d0ffbf24cc8/Meg_-_2.png" length="2267240" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/tag</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/tag</guid>
  <pubDate>Wed, 08 Jul 2026 13:00:20 +0000</pubDate>
  <atom:published>2026-07-08T13:00:20Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;">It kinda feels like the way design operates at Anthropic is consistently 3-6 months ahead of the rest of the industry.</p><p class="paragraph" style="text-align:left;">As a result, <a class="link" href="https://x.com/meaghaneschoi?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag" target="_blank" rel="noopener noreferrer nofollow">Meaghan Choi</a> (Design Lead for Claude Code) has quickly become a staple guest on this show.</p><p class="paragraph" style="text-align:left;">In today’s episode we go deep into her design process, how she uses the new Artifacts feature, how the shape of designer is evolving, and a lot more…</p><p class="paragraph" style="text-align:left;">But there’s one part I can’t stop thinking about…</p><p class="paragraph" style="text-align:left;">At one point she shows how she has moved basically all of her Claude chats into Slack using Claude Tag (I <i>really</i> underestimated this release tbh).</p><p class="paragraph" style="text-align:left;">Apparently that’s how most people are working at Anthropic now and <span style="background-color:#D6FFF7;">she says it’s about to transform the industry soon</span> 👀</p><p class="paragraph" style="text-align:left;">So ya… there’s a lot of alpha in this one :)</p><p class="paragraph" style="text-align:left;">Listen on <a class="link" href="https://www.youtube.com/watch?v=jEEbjiC4JE0&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/43GjT30cDzWpaO8oxxE51e?si=3c43b558c9cd4501&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000775954631&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/jEEbjiC4JE0" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">Introducing Dive Radio</h2><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/42a38ae1-cdca-43ed-abfd-7d4fa9e12733/CleanShot_2026-07-08_at_08.54.26_2x.png?t=1783515323"/></div><p class="paragraph" style="text-align:left;">I’m going to assume you’ve definitely heard of <a class="link" href="https://www.youtube.com/watch?v=OYNoy468kS8&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag" target="_blank" rel="noopener noreferrer nofollow">Tommy Geoco</a> by now…</p><p class="paragraph" style="text-align:left;">He’s easily my favorite person to jam with in the industry so we’ve decided to join forces 🤝</p><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">Next Thursday we’re launching Dive Radio</span>.</p><p class="paragraph" style="text-align:left;">It will be a weekly live show streaming everywhere.</p><p class="paragraph" style="text-align:left;">We’ll break down news, share what we’re learning, highlight what the community is building, and who knows what else (if you have requests hit reply and lmk!)</p><p class="paragraph" style="text-align:left;">Want to join for the pilot?</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://dive.radio/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag"><span class="button__text" style=""> Join us → </span></a></div><p class="paragraph" style="text-align:left;">p.s. Tommy just made the worst converting yet most fun sign up UX I’ve ever seen. Enjoy :)</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCES</span></h6><h2 class="heading" style="text-align:left;">Understanding is the new bottleneck</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#e2e2e2;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a6501f30-d8aa-4141-93f0-835c9a3425d6/Resource_1.png?t=1783468957"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Remember when <a class="link" href="https://www.dive.club/deep-dives/geoffrey-litt?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag" target="_blank" rel="noopener noreferrer nofollow">Geoffrey Litt</a> talked about designing malleable software at Notion? Well he shared his vision for what reviewing AI output could look like in the future and it’s a fascinating read.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://www.geoffreylitt.com/2026/07/02/understanding-is-the-new-bottleneck.html?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table><hr class="content_break"><h2 class="heading" style="text-align:left;">Career advice in the age of AI</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/abf4ded0-b18c-4277-843e-5d19f806e537/Resource_2.png?t=1783468998"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">AI is getting pretty damn good at executing against a defined problem. That’s why Phil suggests that your career strategy moving forward should revolve around <span style="background-color:#D6FFF7;">becoming a problem </span><span style="background-color:#D6FFF7;"><i>finder</i></span><span style="background-color:#D6FFF7;">.</span></p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://x.com/philhchen/status/2072793818945167475?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ MCP instructions</h5><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/7cbd681a-878a-4b15-a33e-29ce78caebe9/IMG_0999.jpeg?t=1783468106"/></div><p class="paragraph" style="text-align:left;">I was working on a similar pattern a few months ago for Inflight and tbh even Hugo’s discarded iterations are straight up better than my concept 😂</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/hugosaintemarie/status/2073083045377163293?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Metal effects</h5><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/20954174-cbc4-496c-938f-955c952d0a56/IMG_0892.png?t=1783468173"/></div><p class="paragraph" style="text-align:left;">Some really nice metal effects in this thread 👀 reminds me of something <a class="link" href="https://www.dive.club/deep-dives/brett-williams?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag" target="_blank" rel="noopener noreferrer nofollow">Brett</a> would make.</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/helloz1co/status/2070081217844933093?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ Empty state illustration</h5><p class="paragraph" style="text-align:left;">idk I just thought this drawer illustrations was pretty sweet 😅</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#E5E7EB;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/e86ff33f-493b-4f94-b7d3-c660e6fd65fd/CleanShot_2026-06-16_at_12.49.39_2x.png?t=1783468294"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/zedsxyz/status/2064640699396702396/photo/1?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=tag" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=085af7b9-043f-4dcc-bc7b-6a7a6e8cd46b&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 purple gradients </title>
  <description>codex superpowers from Meng To</description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/af79d032-c8f9-43e2-a979-6a3bd5689779/Meng_1.png" length="2694326" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/purple-gradients</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/purple-gradients</guid>
  <pubDate>Wed, 01 Jul 2026 12:43:10 +0000</pubDate>
  <atom:published>2026-07-01T12:43:10Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/MengTo?lang=en&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">Meng To</a> is one of the people I keep tabs on to see how he&#39;s evolving his workflow as he builds his ideas with AI.</p><p class="paragraph" style="text-align:left;">So I sat down with him to get a look into what his process looks like <i>now…</i> (spoiler: he’s moved everything to Codex)</p><p class="paragraph" style="text-align:left;">We do a ton of screen-sharing and go deep into his strategies for getting better outputs from the models and a lot more 👇</p><ul><li><p class="paragraph" style="text-align:left;">Why Meng built his own local Notion tool</p></li><li><p class="paragraph" style="text-align:left;">Why Meng writes 0% of his own code now</p></li><li><p class="paragraph" style="text-align:left;">Strategies for <a class="link" href="http://design.md/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">design.md</a> and <a class="link" href="http://agents.md/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">agents.md</a> files</p></li><li><p class="paragraph" style="text-align:left;">How Meng uses GPT Image 2 to brainstorm UI design</p></li><li><p class="paragraph" style="text-align:left;">How Meng’s workflow has evolved in the last 1.5 years</p></li><li><p class="paragraph" style="text-align:left;">+ a <i>lot</i> more</p></li></ul><p class="paragraph" style="text-align:left;">Watch on <a class="link" href="https://www.youtube.com/watch?v=SznrOQYiahg&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/1OLjV4xRzQkUJuGSTYcy2q?si=0495b74cd8084f26&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000774840404&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/SznrOQYiahg" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">There’s one question I can’t stop asking myself</h2><div class="blockquote"><blockquote class="blockquote__quote"></blockquote></div><p class="paragraph" style="text-align:left;">That question is the  foundation for the <a class="link" href="https://www.dive.club/talent-network?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">Dive Talent Network</a> (and it&#39;s reeeeeally working).</p><p class="paragraph" style="text-align:left;">Right now I’m helping many of my favorite startups hire people who listen to the show. Just look at this logo wall 👀</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/bb5ea880-c320-4b18-94ae-b4ec3eb47074/image.png?t=1782782934"/></div><p class="paragraph" style="text-align:left;">So if you&#39;re curious what might be out there (or maybe you&#39;re even looking for your next design hire) <a class="link" href="https://www.dive.club/talent-network?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">here’s the link</a> ✌️</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://join.dive.club/talent-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients"><span class="button__text" style=""> Join the Network → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCES</span></h6><h2 class="heading" style="text-align:left;">How to make your design system AI ready</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/795c7a3a-4e7d-47ef-9ba7-9efa3786d33f/Resource_1.png?t=1782786354"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Remember <a class="link" href="https://www.youtube.com/watch?v=C19H4QimihM&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">Vitaly Friedman</a>? I’ve received as much positive feedback on <a class="link" href="https://www.youtube.com/watch?v=C19H4QimihM&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">AI design patterns</a> than any episode ever. Well he just released a can’t miss article on strategies for AI design systems (+ 4 example systems).</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://www.smashingmagazine.com/2026/06/how-make-design-system-ai-ready/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table><hr class="content_break"><h2 class="heading" style="text-align:left;">Designing better artifacts for Dia’s browser</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8d2dc7ab-04d9-498e-ad7a-7f4df2deedd9/Resource_2.png?t=1782786364"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.linkedin.com/in/christinerode/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">Christine Rode</a> wrote a fantastic article detailing her journey of figuring out how to make AI documents for Dia that don’t look like slop. My favorite part was seeing how she gathered and used inspiration.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://www.linkedin.com/pulse/designing-better-artifacts-dia-browser-christine-r%C3%B8de-z0ame/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients"><span class="button__text" style=""> Check it out → </span></a></div></td></tr></table><hr class="content_break"><h2 class="heading" style="text-align:left;">Turning world cup data into posters</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/5015b936-5916-4a14-9562-376683ef2cf9/Resource_3.png?t=1782786377"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/zehf?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">Zeh</a> made an organic, painting-like poster of France and Senegal’s world cup matchup that <a class="link" href="https://x.com/zehf/status/2067253391705743575?s=20&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">blew up on Twitter</a>. So he broke down his poster process in <a class="link" href="https://zehfernandes.com/posts/how-i-turned-world-cup-data-into-posters?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">this article</a>. Talk about creative.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://zehfernandes.com/posts/how-i-turned-world-cup-data-into-posters?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ MyMind’s sticky search bar</h5><p class="paragraph" style="text-align:left;">MyMind zigs when every other product zags. I haven’t seen a search bar quite like this before and it’s beautiful.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a25df7ad-722c-42c0-997e-94e165226c6d/CleanShot2026-06-29at21.41.12-ezgif.com-crop.gif?t=1782785663"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/vanschneider/status/2067261774655557904?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Town’s hero section</h5><p class="paragraph" style="text-align:left;">Everything about this composition on the <a class="link" href="http://town.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">Town website</a> is fresh 👌</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#E5E7EB;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/2c408428-95d5-4669-911f-7ebbddb2481a/CleanShot_2026-06-19_at_17.49.58_2x.png?t=1782785747"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.town.com/?invite=8f18d9b11a55&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ Card connectors</h5><p class="paragraph" style="text-align:left;">Another week another <a class="link" href="https://x.com/ayushsoni_io?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">Ayush</a> design. I shall definitely be finding an excuse to copy this use this as inspiration at some point 😅</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/01846446-151b-4307-91e9-8393ab47b475/IMG_0854.jpeg?t=1782785848"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/ayushsoni_io/status/2069352622730215686?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=purple-gradients" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=77b5bf02-86d6-48c9-bdc1-cb7c7625c937&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 identity crisis</title>
  <description>behind the scenes of Config 2026</description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ec6687c4-5498-4c4a-a3b4-3ddbcbaf23e8/Loredana_12.png" length="2617188" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/figma-config-2026</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/figma-config-2026</guid>
  <pubDate>Wed, 24 Jun 2026 18:00:00 +0000</pubDate>
  <atom:published>2026-06-24T18:00:00Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;">~1 month before COVID changed the world, this is what the entrance to the first ever Config looked like 👀</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/fb9b9ca4-5582-4d78-853d-741bc8d7dd4d/image.png?t=1782159320"/></div><p class="paragraph" style="text-align:left;">I remember losing my mind watching Dylan demo Auto Layout 1.0, and listening to Soleio declare design as the future of open source.</p><p class="paragraph" style="text-align:left;">We’ve come a long way :)</p><p class="paragraph" style="text-align:left;">And honestly… I think this is probably the strongest set of Config launches ever.</p><p class="paragraph" style="text-align:left;">So I interviewed Figma’s new Chief Design Officer, <a class="link" href="https://www.linkedin.com/in/loredanacrisan/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">Loredana Crisan</a>, to go behind-the-scenes.</p><p class="paragraph" style="text-align:left;">We get into Motion, code layers, shaders—all of it. But the thing that really stuck with me was this sentence:</p><div class="blockquote"><blockquote class="blockquote__quote"></blockquote></div><p class="paragraph" style="text-align:left;">I’ve never felt so seen 😄</p><p class="paragraph" style="text-align:left;">Figuring out AI’s role in design can be exhausting (and confusing).</p><p class="paragraph" style="text-align:left;">But our conversation was surprisingly clarifying.</p><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">As she put it: “technology changes the world mostly by changing what we’re able to imagine”.</span></p><p class="paragraph" style="text-align:left;">So Figma’s vision is to give designers the ability to express what is <i>already</i> in their head (not outsource creativity to AI).</p><p class="paragraph" style="text-align:left;">Loredana is a joy to listen to, so I think you’ll really enjoy this one.</p><p class="paragraph" style="text-align:left;">Watch on <a class="link" href="https://www.youtube.com/watch?v=z7A0R9fwixg&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/0pplqAp7I92Mdf4goj7Jiv?si=5f4542df88c94bb9&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000774063872&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/z7A0R9fwixg" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">New design opportunities</h2><p class="paragraph" style="text-align:left;">I’m officially doubling down on the talent network because it’s really starting to pick up steam and there are few things more life-giving than helping someone land a dream role.<br><br>Here are the companies who joined this week:</p><ul><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.owner.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">Owner</a></p></li><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.conductor.build/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">Conductor</a></p></li><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://listenlabs.ai/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">ListenLabs</a></p></li><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://iverson.inc/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">Iverson</a></p></li><li><p class="paragraph" style="text-align:left;">+ a few stealth startups</p></li></ul><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(214, 255, 247);">If you want me to promote the heck out of you</span><span style="background-color:rgb(255, 255, 255);"> to these teams or any of the others (Lovable, Granola, Superpower, Livekit, etc.) then drop your info here 👇</span></p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://join.dive.club/talent-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis"><span class="button__text" style=""> Join the network → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCES</span></h6><h2 class="heading" style="text-align:left;">A bull case for Figma</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#e2e2e2;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/74bbaf48-1d65-43ec-8f36-1fc6dabe703c/Resource_1.png?t=1782257167"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Yitong puts his finger right on the most interesting tension point for Figma in <a class="link" href="https://x.com/yitong/status/2067072654205669756?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">this article</a>.</p><p class="paragraph" style="text-align:left;">I actually asked Loredana about the value of playground repos vs. shipping to prod because of this article :)</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://x.com/yitong/status/2067072654205669756?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table><hr class="content_break"><h3 class="heading" style="text-align:left;">A color system that disappears</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/457105ba-5064-46e5-a014-fbb9b06afa12/Resource_2.png?t=1782257213"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Remember how Matt Sellers showcased the <a class="link" href="https://www.youtube.com/watch?v=hI1vsPhHAFs&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">portfolio that got him hired at Lovable</a>?</p><p class="paragraph" style="text-align:left;">Well he’s started shipping some major visual improvements at Lovable and documenting the process. His behind-the-scenes of their new color system is fantastic work.</p><p class="paragraph" style="text-align:left;">Honestly I was using Lovable the other day and they’ve cranked up the craft across the board.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://x.com/msllrs/status/2067186699701002607?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis"><span class="button__text" style=""> Check it out → </span></a></div></td></tr></table><hr class="content_break"><h2 class="heading" style="text-align:left;">StyleX</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/152bb9d3-50ea-4163-b9d3-cb8630479ee4/Resource_3.png?t=1782257230"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">I’ve noticed multiple teams on Twitter (including <a class="link" href="https://x.com/adjohu/status/2066859767461478831?s=20&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">Linear</a> and <a class="link" href="https://x.com/emilwidlund/status/2066804861325217948?s=20&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">Polar</a>) talk about migrating from Tailwind to <a class="link" href="https://stylexjs.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">StyleX</a> over the last week. Definitely something worth investigating.</p></td></tr></table></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ Poke loading animation</h5><p class="paragraph" style="text-align:left;">I’ve started using Poke to generate little research websites for me and the loading state while it processes is lovely</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/e4f29c29-0bf8-461b-bdce-51b7b814d8e1/CleanShot2026-06-20at17.39.54-ezgif.com-optimize.gif?t=1782256548"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://poke.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Glowing progress bar</h5><p class="paragraph" style="text-align:left;">The details from <a class="link" href="https://x.com/nickbakeddesign?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">Nick</a> here are absolutely stunning</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/466038fd-97ef-4ad6-9fa0-ecae7c67f03b/CleanShot_2026-06-17_at_09.53.32_2x.png?t=1782256854"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/nickbakeddesign/status/2067150141119947145/photo/2?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ Interfere’s priority icons</h5><p class="paragraph" style="text-align:left;">Look how clever the Interfere priority icons are 👀 I never would have thought to roll with dots &gt; lines.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/aa082ed5-2a91-4bdc-a931-00274b468ba8/CleanShot_2026-06-17_at_22.02.30_2x.png?t=1782256925"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://interfere.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=identity-crisis" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=a1688fa8-aec6-4eca-8a4e-042bb591ec33&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 hog wild</title>
  <description>how a visual designer became a builder </description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/f077c7b1-5603-442e-b76d-61e038a6fe7c/Brett_3.png" length="2507850" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/hog-wild</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/hog-wild</guid>
  <pubDate>Tue, 16 Jun 2026 17:48:01 +0000</pubDate>
  <atom:published>2026-06-16T17:48:01Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;"><span style="background-color:rgba(255, 255, 255, 0.03);">2 months ago </span><a class="link" href="https://x.com/BrettFromDJ?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow" style="color: rgb(29, 155, 240)">@BrettFromDJ</a> was so opposed to building with AI that I offered <span style="background-color:rgba(255, 255, 255, 0.03);">to debate him to the death </span>☠️</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/57fc5b65-2720-42d4-a31e-a34155192ea1/image.png?t=1781631651"/></div><p class="paragraph" style="text-align:left;">Thankfully that’s <i>not</i> what this week’s episode is about 😂</p><p class="paragraph" style="text-align:left;">Instead it&#39;s the ultimate story of how a visual designer went from 0⇢1 as a builder.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b0ae665d-37de-40de-a2f9-bb9bcf97785c/CleanShot_2026-06-16_at_13.45.19_2x.png?t=1781631931"/></div><p class="paragraph" style="text-align:left;"> </p><p class="paragraph" style="text-align:left;">Brett gives us a behind-the-scenes of his journey building <a class="link" href="https://www.gatheros.co/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">Gather</a> including:</p><ul><li><p class="paragraph" style="text-align:left;">Brett’s process for iterating on a design</p></li><li><p class="paragraph" style="text-align:left;">Brett’s new <a class="link" href="https://prototyping.md?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">prototyping.md</a> skill workflow</p></li><li><p class="paragraph" style="text-align:left;">How Brett maintains control while building with AI</p></li><li><p class="paragraph" style="text-align:left;">Brett’s strategy for adding sound design to Gather</p></li><li><p class="paragraph" style="text-align:left;">When Brett relies on Figma vs. explores directly in code</p></li><li><p class="paragraph" style="text-align:left;">+ a lot more</p></li></ul><p class="paragraph" style="text-align:left;">Watch on <a class="link" href="https://www.youtube.com/watch?v=Xxiq2phvwOA&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/0OYeauarPBkfN1k30vL4SZ?si=e45e3ba4df5a439d&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000772994248&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/Xxiq2phvwOA" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">My new design process with AI</h2><p class="paragraph" style="text-align:left;">It seems like my design process is fundamentally changing once a quarter at this point 😅</p><p class="paragraph" style="text-align:left;">So I teamed up with <a class="link" href="https://www.kylezantos.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">Kyle Zantos</a> to share a behind-the-scenes of my latest workflow using <a class="link" href="https://paper.design/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">Paper</a> + <a class="link" href="https://www.conductor.build/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">Conductor</a>.</p><p class="paragraph" style="text-align:left;">We jam live for an hour and I build a few <a class="link" href="https://www.inflight.co/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">Inflight</a> features live. It’s raw, a bit chaotic, and pretty much shows what my day to day is like currently.</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/zmxn4a2g0Ww" width="100%"></iframe><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://www.youtube.com/watch?v=zmxn4a2g0Ww&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild"><span class="button__text" style=""> Watch the video → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">Speaking of Conductor…</h2><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/d189ec0b-9110-4bf8-8225-ea511d9384af/CleanShot_2026-06-15_at_14.54.28_2x.png?t=1781573205"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.conductor.build/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">Conductor</a> is one of the newest startups looking for a designer in the <a class="link" href="https://www.dive.club/talent-network?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">Dive Talent Network</a> 👀</p><p class="paragraph" style="text-align:left;">This is one of my absolute favorite products and easily one of the biggest opportunities on the market right now.</p><p class="paragraph" style="text-align:left;">If you want me to promote you make sure to fill out your info <a class="link" href="https://www.dive.club/talent-network?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">here</a> ✌️</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://linkc.com?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild"><span class="button__text" style=""> Claim your spot → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ Lovable’s sliding tabs</h5><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/17ab7c7e-8bb6-4166-be58-16ce4a5180ea/CleanShot2026-06-15at15.00.02-ezgif.com-video-to-gif-converter.gif?t=1781573352"/></div><p class="paragraph" style="text-align:left;">Remember <a class="link" href="https://x.com/msllrs?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">Matt Sellers</a>?</p><p class="paragraph" style="text-align:left;">He shipped a ridiculously good sliding tab bar for Lovable recently. Pay attention to how the selected background grows toward the item that you’re hovering over 🤌</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://lovable.dev/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Sliding pill interaction</h5><p class="paragraph" style="text-align:left;">Here’s another sliding interaction with an insane level of detail.</p><p class="paragraph" style="text-align:left;">The text is actually rotating through the full number wheel on its way from one spot to another. Incredible work.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8e27186d-82d0-4126-a801-3a8d6234c048/motionshouldbedynamicadaptingtotheinteractioninsteadofplayingthesamefixedvalueseverytime.inthisexamplethepillsstretchandblurscalewithhowfastittravels.Appletakesdynamicmotiontothe-ezgif.com-optimize.gif?t=1781573568"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/sorenblank/status/2065109329133625510?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ Slick upgrade overlayed</h5><p class="paragraph" style="text-align:left;">I love this overlay from the <a class="link" href="https://www.details.so/inspo?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">Details</a> website. Not only is the design clean but the copy (and the way they highlighted “less than 1%”) is well executed too.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0fff5986-6fa5-491f-95f7-eee08e54bee1/CleanShot_2026-06-08_at_21.54.09.gif?t=1781573764"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.details.so/inspo?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=hog-wild" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=40309a1c-ef6c-4f08-bedb-724f4f710626&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 scrappy research</title>
  <description>the archetype for builder leaders</description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/56536a84-6959-4e20-9b3b-4c82add31cc4/Ron_7.png" length="2512477" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/new-post-8b4a</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/new-post-8b4a</guid>
  <pubDate>Tue, 09 Jun 2026 13:59:32 +0000</pubDate>
  <atom:published>2026-06-09T13:59:32Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;">This week&#39;s episode is with <a class="link" href="https://rongoldin.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">Ron Goldin</a> who has led design at Google, Shopify, UberEats, and in my opinion... he&#39;s the perfect example of what it looks like to <span style="background-color:#D6FFF7;">thrive as a design leader in an AI world.</span></p><p class="paragraph" style="text-align:left;">So this week’s episode is a deep dive into <span style="background-color:#D6FFF7;">his journey as a builder</span> and it’s full of stories:</p><ul><li><p class="paragraph" style="text-align:left;">Redesigning the Shopify checkout</p></li><li><p class="paragraph" style="text-align:left;">Ron’s unique research tactics for UberEats</p></li><li><p class="paragraph" style="text-align:left;">Building <a class="link" href="https://mtchmkr.io/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">MTCHMKR</a> from scratch in Lovable</p></li><li><p class="paragraph" style="text-align:left;">Navigating the job market as a design leader</p></li><li><p class="paragraph" style="text-align:left;">+ a <i>lot</i> more</p></li></ul><p class="paragraph" style="text-align:left;">Listen on <a class="link" href="https://www.youtube.com/watch?v=UkQpgslyR3A&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/1f58WG8eAtemvz3KavUzEc?si=602eec92a11d4708&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000771859890&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/UkQpgslyR3A" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">My Dive Club full circle moment</h2><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8e493a53-0f70-4197-b2e0-d222f9429b59/Talent_Network_Social_Share_-_Steph_G.png?t=1780941213"/></div><p class="paragraph" style="text-align:left;">If you remember my interview with <a class="link" href="https://www.dive.club/deep-dives/steph-golik?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">Steph Golik</a> about going from designer to founder then you are a true Dive Club OG.</p><p class="paragraph" style="text-align:left;">(quick fun fact: my co-founder <a class="link" href="https://x.com/kbarber?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">Kyle</a> listened and it was how we got reconnected after many years)</p><p class="paragraph" style="text-align:left;">Anyway…</p><p class="paragraph" style="text-align:left;">The reason I’m bringing up <a class="link" href="https://x.com/stephgolik?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">Steph</a> again is <span style="background-color:#D6FFF7;">she just landed an insanely cool role</span> through the <a class="link" href="https://www.dive.club/talent-network?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">Dive Talent Network</a> at <a class="link" href="https://www.functionhealth.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">Function Health</a>.</p><p class="paragraph" style="text-align:left;">That means she gets to work with <a class="link" href="https://www.linkedin.com/in/sethweisfeld/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">Seth Weisfeld</a> who is truly one of the greats (OG FB designer).</p><p class="paragraph" style="text-align:left;">And the best part? Function is still hiring another design lead so if you want me to recommend you <a class="link" href="https://www.dive.club/talent-network?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">join here</a> ✌️</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://www.dive.club/talent-network?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research"><span class="button__text" style=""> Claim your spot → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCES</span></h6><h3 class="heading" style="text-align:left;">Claude code tips from the lead designer</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/264e5ab2-ad2c-4ac4-9766-efdcb0635ab8/Resource_1.png?t=1780972728"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">During Dive Club Live in NYC we got to hear from Claude Code’s lead designer, Meaghan Choi. She shared a demo of <span style="background-color:#D6FFF7;">how the team at Anthropic uses Claude Code</span> and there are a <i>lot</i> of practical takeaways 👀</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://www.youtube.com/watch?v=hKeDfupbA4U&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research"><span class="button__text" style=""> Watch the video → </span></a></div></td></tr></table><hr class="content_break"><h3 class="heading" style="text-align:left;">Liquid glass for the web</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8d44d360-be4f-4046-a896-24b29a40c38b/Resource_2.png?t=1780972737"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">It seems like the aave team has completely solved liquid glass for the web?? So ya… that’s a pretty big deal I guess.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://aave.com/design/building-glass-for-the-web?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research"><span class="button__text" style=""> Check it out → </span></a></div></td></tr></table><hr class="content_break"><h3 class="heading" style="text-align:left;">Poke is available for iMessage</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9eef0e00-b20d-4a1b-a0af-937b26287589/Resource_3.png?t=1780972747"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">I’ve seen Poke for a while now but held off because I didn’t fully trust that it would last. But they just announced that they were approved by Apple which immediately got me to play with it and I think I’m going all in :) Not sponsored just something I’ve been playing with a lot recently.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://poke.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ Raindrop website</h5><p class="paragraph" style="text-align:left;">I actually cannot believe how good this website is. It’s beautiful, on brand, and the foggy background perfectly illustrates the value prop of the product. Truly <span style="background-color:#D6FFF7;">one of the best sites I’ve seen in 2026</span>.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/24551978-4392-4c3c-8df6-98f043388954/CleanShot_2026-06-08_at_22.27.25.gif?t=1780972149"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.raindrop.ai/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Gradient reveal hover state</h5><p class="paragraph" style="text-align:left;">Remember the <a class="link" href="https://www.dive.club/deep-dives/supercut?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">Supercut episode</a>? They’re masters of the tiny details and this little gradient fade in the top right corner is the latest I’ve saved.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/02bdbcb1-2527-4fd0-9eac-3c62576b2980/CleanShot_2026-06-01_at_21.24.08.gif?t=1780971384"/></div><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ Cursor logo display</h5><p class="paragraph" style="text-align:left;">Pretty obsessed with this Cursor artwork and hover state 😍</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0db90a58-bc0d-48d4-b74b-b18804d835d9/CleanShot_2026-06-01_at_13.57.09.gif?t=1780971470"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://cursor.com/insights?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=scrappy-research" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=12750e62-8942-4e88-81f6-38924dc08a08&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 live in nyc</title>
  <description>AI design workflows from Anthropic, Ramp, &amp; Every</description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/82bc0305-cf24-466c-a80c-e059dd6b82c6/NYC_Live_-_1.png" length="1637314" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/new-post-fddc</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/new-post-fddc</guid>
  <pubDate>Tue, 02 Jun 2026 12:22:56 +0000</pubDate>
  <atom:published>2026-06-02T12:22:56Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;">A couple of weeks ago I recorded my <span style="background-color:#D6FFF7;">first ever episode in front of a live audience</span> (at Ramp HQ in NYC) 🗽</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/afc5cb9f-8392-460b-b2bd-dbcde2969d4b/livenyc.png?t=1780362150"/></div><p class="paragraph" style="text-align:left;">So today I’m excited to share the panel discussion recording with 3 incredible guests:</p><ol start="1"><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.linkedin.com/in/meaghanchoi/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Meaghan Choi</a> who is the design lead for Claude Code and Cowork</p></li><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/danshipper?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Dan Shipper</a> who is the CEO of <a class="link" href="https://every.to/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Every</a> and one of my favorite thinkers when it comes to AI</p></li><li><p class="paragraph" style="text-align:left;">And <a class="link" href="https://x.com/bradleyziffer?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Bradley Ziffer</a> who is a design engineer at Ramp</p></li></ol><p class="paragraph" style="text-align:left;">It’s a <span style="background-color:#D6FFF7;">deep dive into AI design workflows at Anthropic, Ramp, and Every</span> and I think you’ll enjoy it :) <br><br>Listen on <a class="link" href="https://www.youtube.com/watch?v=V-jd3v9P-Ps&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/66ftj7rDhfrrKRWikPhoTK?si=4d5d4d17b59543a1&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000770762936&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/V-jd3v9P-Ps" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">New design opportunities </h2><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/eed415fa-f37f-48e0-a7bc-d3357ae71802/CleanShot_2026-06-02_at_08.20.15_2x.png?t=1780402832"/></div><p class="paragraph" style="text-align:left;">Last week Dive Club listeners in the <a class="link" href="https://www.dive.club/talent-network?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Talent Network</a> just got hired at 👇</p><ul><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.functionhealth.com/?gad_campaignid=20800990020&gbraid=0AAAAAqiw_KHCZLUb3Fj1FVhe5dsCdCIVl&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Function Health</a></p></li><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://antimetal.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Antimetal</a></p></li><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://livekit.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">LiveKit</a></p></li></ul><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">If you want me to promote the heck out of you</span> to these teams or any of the others (Lovable, Granola, Superpower, Mercury, etc.) then drop your info here 👇</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://join.dive.club/talent-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc"><span class="button__text" style=""> Join the network → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCES</span></h6><h3 class="heading" style="text-align:left;">Use proximity (not just hover)</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c8bc9130-debd-4eac-a6b0-942ea46659dd/Resource_1.png?t=1780364363"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">This is a little design engineering tip I just bookmarked and will definitely be feeding into Claude soon :)</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://x.com/gabriell_lab/status/2060336070059864461?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc"><span class="button__text" style=""> Check it out → </span></a></div></td></tr></table><hr class="content_break"><h3 class="heading" style="text-align:left;">From apps to material</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/92c94a73-66d5-4b74-b314-29fe5e0b78ef/Resource_2.png?t=1780364372"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Remember Ryo Lu from <a class="link" href="https://www.dive.club/deep-dives/ryo-lu-cursor?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">designing the future of Cursor</a>? Well he just dropped a banger of a post about the future of software that is definitely worth a ~2 min read <span style="font-family:&quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;;font-size:1em;">👇</span></p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://x.com/ryolu_/status/2060038663812333808?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table><hr class="content_break"><h3 class="heading" style="text-align:left;">HTML in Canvas</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/056a568c-7b79-4586-98d3-c9fda4948f3b/Resource_3.png?t=1780364381"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">You know how sometimes you know something is a big deal but you don’t really understand why or what it makes possible?</p><p class="paragraph" style="text-align:left;">That’s HTML in Canvas for me. But then I read this article “<a class="link" href="https://frontendmasters.com/blog/the-web-is-fun-again-first-experiments-with-html-in-canvas/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">The web is fun again</a>” so I’m sharing it with you.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://frontendmasters.com/blog/the-web-is-fun-again-first-experiments-with-html-in-canvas/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🤝<span style="background-color:rgb(255, 255, 255);"><span style="color:rgb(140, 140, 140);"> WITH </span></span><span style="background-color:rgb(255, 255, 255);"><span style="color:rgb(140, 140, 140);"><a class="link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">GRANOLA</a></span></span></h6><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">As a designer I’m always talking to people… team meetings, design CRIT, user interviews.</span></p><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">So it’s super important to capture the ideas and feedback I’m getting.</span></p><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">That’s why I never ever ever ever have a conversation about design without running </span><span style="background-color:rgb(255, 255, 255);"><a class="link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Granola</a></span><span style="background-color:rgb(255, 255, 255);"> in the background.</span></p><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 0px;box-sizing:border-box;border-color:#E5E7EB;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9f86965f-e8c0-4a9b-b022-f0a6973b3f97/1920x1080_-_Main_Granola_Value_Proposition.png?t=1778516632"/></div><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">So when the meeting ends, </span><span style="background-color:rgb(255, 255, 255);"><a class="link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Granola</a></span><span style="background-color:rgb(255, 255, 255);"> enhances the notes I’ve written and I can even ask questions or get tailored summaries from the call.</span></p><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">It’s like </span><span style="background-color:#D6FFF7;">a super-powered notes app</span><span style="background-color:rgb(255, 255, 255);"> that </span><span style="background-color:rgb(255, 255, 255);"><i>actually</i></span><span style="background-color:rgb(255, 255, 255);"> understands your meetings and it has quickly become a staple tool in my design practice.</span></p><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">Every designer should be using this </span>😎<span style="background-color:rgb(255, 255, 255);"> Get a free month with code </span><span style="background-color:#D6FFF7;"><b>DIVECLUB</b></span><span style="background-color:rgb(255, 255, 255);"> 👇</span></p><div class="image"><a class="image__link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" rel="noopener" target="_blank"><img alt="" class="image__image" style="border-radius:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;box-sizing:border-box;border-color:#E5E7EB;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c66d3324-32f3-4d75-b831-6bcdfc5bcf84/Granola-Dark-Blue-copy.gif?t=1778517144"/></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ Interfere icons</h5><p class="paragraph" style="text-align:left;">These Interfere icons and pretty much everything about this dashboard UI is gorgeous (or maybe it’s the tilt idk)</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9b3ca48a-3925-45b7-a3a9-71dc0d12842c/Interfere_icons.jpeg?t=1780364481"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/lukeshiels/status/2059683787844268314?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Genie AI interactions</h5><p class="paragraph" style="text-align:left;">Remember the Genie episode? It’s still some of the most impressive design I’ve ever seen.</p><p class="paragraph" style="text-align:left;">They just launched their public beta and it’s totally worth a download just to experience how premium it feels.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/33a6586b-0ca7-43d0-b83e-2e98ca86a781/CleanShot_2026-06-01_at_21.45.51.gif?t=1780364877"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/geniegetsme/status/2059998633630613702?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p><hr class="content_break"><p class="paragraph" style="text-align:left;">3️⃣ <b>Design is dead?</b></p><p class="paragraph" style="text-align:left;">Ok Figma’s “design is dead” hats are pretty incredible (and yes this is me hoping an employee reads this and sends me one)</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/fd9970de-cc45-4063-b5f6-60222e17b7db/hat.png?t=1780365295"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/zoink/status/2060772466025504987?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Cute hat pls</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=live-in-nyc" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=cccd7a7c-d837-4a9e-83e4-923163f2492d&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 owning the frontend</title>
  <description>+ a live demo of my workflow</description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/25b059a2-1d23-46ba-bec2-f54f0ec1aea5/andy_2.png" length="2554635" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/owning-the-frontend</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/owning-the-frontend</guid>
  <pubDate>Wed, 27 May 2026 15:46:17 +0000</pubDate>
  <atom:published>2026-05-27T15:46:17Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/andymadrick?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">Andy Madrick</a> is the perfect example of what it looks like to own the frontend as a designer in 2026.</p><p class="paragraph" style="text-align:left;">So this episode is a deep dive into how he works at Notion:</p><ul><li><p class="paragraph" style="text-align:left;">How he owns the last mile in code</p></li><li><p class="paragraph" style="text-align:left;">How he uses visual explainers as prompts</p></li><li><p class="paragraph" style="text-align:left;">When he uses Figma vs. jumps straight into code</p></li><li><p class="paragraph" style="text-align:left;">How he empowers the content team to make edits to his prototypes</p></li><li><p class="paragraph" style="text-align:left;">+ a <i>lot</i> more</p></li></ul><p class="paragraph" style="text-align:left;">We even get a <span style="background-color:#D6FFF7;">behind-the-scenes</span> of how he designed one of Notion’s most visible interfaces 👀</p><p class="paragraph" style="text-align:left;">Listen on <a class="link" href="https://www.youtube.com/watch?v=IfPK0LwbX_0&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/7ujBFA9pgU3nMhgyUkv7h2?si=56a93f1f47784fe6&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/andy-madrick-why-ai-changed-design-handoff-forever/id1686414242?i=1000769640583&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/IfPK0LwbX_0" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">big Inflight update</h2><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/31b4dda0-2d06-4af6-80ca-d846ab4280ee/CleanShot_2026-05-27_at_11.28.21_2x.png?t=1779895731"/></div><p class="paragraph" style="text-align:left;">Now that we’re all building with AI, feedback has become the bottleneck.</p><p class="paragraph" style="text-align:left;">But today’s <a class="link" href="https://www.inflight.co/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">Inflight</a> update fixes that.</p><p class="paragraph" style="text-align:left;"><span style="font-size:0px;">NowNo</span>Now you can <span style="background-color:#D6FFF7;">get structured feedback on your prototypes</span> which automatically <span style="background-color:#D6FFF7;">loops back into Claude/Codex as next steps</span>.</p><p class="paragraph" style="text-align:left;">I just <a class="link" href="https://x.com/ridd_design/status/2059659341599236473?s=20&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">posted a ~60s demo on Twitter</a> and <a class="link" href="https://www.linkedin.com/posts/michaelriddering_feedback-is-the-bottleneck-for-building-with-ugcPost-7465424990163644416-5QQZ/?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAtsz_wBgReBrcembOepW3ZqRIJwuYY32GU" target="_blank" rel="noopener noreferrer nofollow">Linkedin</a>.</p><p class="paragraph" style="text-align:left;">If you wanted to take a minute to support it would sure mean a lot :)</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://x.com/ridd_design/status/2059659341599236473?s=20&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend"><span class="button__text" style=""> See the announcement → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCES</span></h6><h3 class="heading" style="text-align:left;">Want to see my design workflow?</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c211e7a7-7f7f-45bb-a7f7-71e86df14a52/owning_frontend.jpeg?t=1779896609"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Every time I tweet about my workflow people ask for me to turn it into an episode.</p><p class="paragraph" style="text-align:left;">Instead, I’m going to host a 1 hour live workshop with <a class="link" href="https://www.youtube.com/watch?v=HcLz3ikw-n0&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">Kyle Zantos</a> where I give a <span style="background-color:#D6FFF7;">full behind-the-scenes of how I build with AI</span>.</p><p class="paragraph" style="text-align:left;">If you’re interested in owning the frontend as a designer I think it’ll be a good time.</p><p class="paragraph" style="text-align:left;">Oh and it’s free :)</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://maven.com/p/cf7cf6/owning-the-front-end-as-a-designer?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend"><span class="button__text" style=""> Register here → </span></a></div></td></tr></table><hr class="content_break"><h3 class="heading" style="text-align:left;">AI in Design Report 2026</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><a class="image__link" href="https://unsplash.com/@artistseyes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" rel="noopener" target="_blank"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/d2f75a0b-4c54-4d3b-bbd6-2844ef077fdd/Resource_3.png?t=1779842983"/></a></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Remember <a class="link" href="https://www.dive.club/deep-dives/ben-blumenrose?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">Ben from DesignerFund</a>?</p><p class="paragraph" style="text-align:left;">Well his team put together a <span style="background-color:#D6FFF7;">fascinating report on the state of AI design today.</span></p><p class="paragraph" style="text-align:left;">The answers come from over 900 designers at startups, enterprises, and agencies who work across disciplines like product design, brand design, research, and design engineering 👇</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://stateofaidesign.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🤝<span style="background-color:rgb(255, 255, 255);"><span style="color:rgb(140, 140, 140);"> WITH </span></span><span style="background-color:rgb(255, 255, 255);"><span style="color:rgb(140, 140, 140);"><a class="link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">GRANOLA</a></span></span></h6><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">As a designer I’m always talking to people… team meetings, design CRIT, user interviews.</span></p><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">So it’s super important to capture the ideas and feedback I’m getting.</span></p><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">That’s why I never ever ever ever have a conversation about design without running </span><span style="background-color:rgb(255, 255, 255);"><a class="link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">Granola</a></span><span style="background-color:rgb(255, 255, 255);"> in the background.</span></p><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 0px;box-sizing:border-box;border-color:#E5E7EB;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9f86965f-e8c0-4a9b-b022-f0a6973b3f97/1920x1080_-_Main_Granola_Value_Proposition.png?t=1778516632"/></div><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">So when the meeting ends, </span><span style="background-color:rgb(255, 255, 255);"><a class="link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">Granola</a></span><span style="background-color:rgb(255, 255, 255);"> enhances the notes I’ve written and I can even ask questions or get tailored summaries from the call.</span></p><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">It’s like </span><span style="background-color:#D6FFF7;">a super-powered notes app</span><span style="background-color:rgb(255, 255, 255);"> that </span><span style="background-color:rgb(255, 255, 255);"><i>actually</i></span><span style="background-color:rgb(255, 255, 255);"> understands your meetings and it has quickly become a staple tool in my design practice.</span></p><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">Every designer should be using this </span>😎<span style="background-color:rgb(255, 255, 255);"> Get a free month with code </span><span style="background-color:#D6FFF7;"><b>DIVECLUB</b></span><span style="background-color:rgb(255, 255, 255);"> 👇</span></p><div class="image"><a class="image__link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" rel="noopener" target="_blank"><img alt="" class="image__image" style="border-radius:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;box-sizing:border-box;border-color:#E5E7EB;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c66d3324-32f3-4d75-b831-6bcdfc5bcf84/Granola-Dark-Blue-copy.gif?t=1778517144"/></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">2 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ White-outlined icons</h5><p class="paragraph" style="text-align:left;">This is pretty quickly becoming my favorite icon style… almost sticker-like 👌</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/153ad23b-c83a-41a8-ac93-1d2e542add54/IMG_0605.jpeg?t=1779843107"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/LynelDesign/status/2056233309622177943?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Petra labs hero section</h5><p class="paragraph" style="text-align:left;">Remember <a class="link" href="https://www.dive.club/deep-dives/soren-iverson?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">Soren Iverson</a>? His agency Iverson just released a banger of a new website. I love the hero section specifically.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a13dd31e-67b0-41fa-9ec0-2199acfb8d48/CleanShot_2026-05-26_at_12.30.03_2x.png?t=1779843198"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.petralabs.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=owning-the-frontend" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=e02c698b-271f-4546-a495-2767b41688a2&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 briefcase design</title>
  <description>what AI fluency looks like for designers</description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8204290b-51de-4ba4-8aca-531d46bfb19a/Tommy_2.png" length="2564661" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/briefcase-design</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/briefcase-design</guid>
  <pubDate>Tue, 19 May 2026 13:46:14 +0000</pubDate>
  <atom:published>2026-05-19T13:46:14Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;">Over the last few months, <a class="link" href="https://x.com/designertom?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">Tommy Geoco</a> has went on site to study today’s top design teams (Vercel, Perplexity, Metalab, Ramp, etc.).</p><p class="paragraph" style="text-align:left;">So this week’s episode is a deep dive into all of the trends he’s seeing around AI workflows and <span style="background-color:#D6FFF7;">where design is headed next.</span></p><p class="paragraph" style="text-align:left;">Some highlights:</p><ul><li><p class="paragraph" style="text-align:left;">Why 59% of designers build their own tools</p></li><li><p class="paragraph" style="text-align:left;">Tommy’s current tool stack for AI design work</p></li><li><p class="paragraph" style="text-align:left;">What signals show AI fluency in job interviews</p></li><li><p class="paragraph" style="text-align:left;">Why internal tool building is the new career path</p></li><li><p class="paragraph" style="text-align:left;">Why now is the best time to grow in the design community</p></li><li><p class="paragraph" style="text-align:left;">+ a <i>lot</i> more</p></li></ul><p class="paragraph" style="text-align:left;">Listen on <a class="link" href="https://www.youtube.com/watch?v=OYNoy468kS8&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/0D6SxI9htwb0Pt3ejzm4wl?si=b798f11c258a4fa1&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000768554889&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/OYNoy468kS8" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🤝<span style="background-color:rgb(255, 255, 255);"><span style="color:rgb(140, 140, 140);"> WITH </span></span><span style="background-color:rgb(255, 255, 255);"><span style="color:rgb(140, 140, 140);"><a class="link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">GRANOLA</a></span></span></h6><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">As a designer I’m always talking to people… team meetings, design CRIT, user interviews.</span></p><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">So it’s super important to capture the ideas and feedback I’m getting.</span></p><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">That’s why I never ever ever ever have a conversation about design without running </span><span style="background-color:rgb(255, 255, 255);"><a class="link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">Granola</a></span><span style="background-color:rgb(255, 255, 255);"> in the background.</span></p><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 0px;box-sizing:border-box;border-color:#E5E7EB;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9f86965f-e8c0-4a9b-b022-f0a6973b3f97/1920x1080_-_Main_Granola_Value_Proposition.png?t=1778516632"/></div><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">So when the meeting ends, </span><span style="background-color:rgb(255, 255, 255);"><a class="link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">Granola</a></span><span style="background-color:rgb(255, 255, 255);"> enhances the notes I’ve written and I can even ask questions or get tailored summaries from the call.</span></p><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">It’s like </span><span style="background-color:#D6FFF7;">a super-powered notes app</span><span style="background-color:rgb(255, 255, 255);"> that </span><span style="background-color:rgb(255, 255, 255);"><i>actually</i></span><span style="background-color:rgb(255, 255, 255);"> understands your meetings and it has quickly become a staple tool in my design practice.</span></p><p class="paragraph" style="text-align:left;"><span style="background-color:rgb(255, 255, 255);">Every designer should be using this </span>😎<span style="background-color:rgb(255, 255, 255);"> Get a free month with code </span><span style="background-color:#D6FFF7;"><b>DIVECLUB</b></span><span style="background-color:rgb(255, 255, 255);"> 👇</span></p><div class="image"><a class="image__link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" rel="noopener" target="_blank"><img alt="" class="image__image" style="border-radius:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;box-sizing:border-box;border-color:#E5E7EB;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c66d3324-32f3-4d75-b831-6bcdfc5bcf84/Granola-Dark-Blue-copy.gif?t=1778517144"/></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCES</span></h6><h3 class="heading" style="text-align:left;">How to operate as a staff designer</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/40c81800-d7c2-454a-8978-37a19737b2fd/Resource_1.png?t=1779189016"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">“Senior designers ship great features. Staff designers help the product make sense as a whole. The real difference isn&#39;t seniority… it&#39;s the scope and type of impact”</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://verifiedinsider.substack.com/p/how-to-operate-as-a-staff-product?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table><hr class="content_break"><h3 class="heading" style="text-align:left;">The future of apps</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/d4264118-4819-49a3-86e6-939047488ad5/Resource_2.png?t=1779189029"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Dan Saffer shares 6 ideas about where the <span style="background-color:#D6FFF7;">future of app design</span> is headed using Spotify as an example. It will get you thinking for sure :)</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://medium.com/ui-for-ai/the-future-of-apps-a28ae40e5851?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design"><span class="button__text" style=""> Check it out → </span></a></div></td></tr></table><hr class="content_break"><h3 class="heading" style="text-align:left;">Sound design behind-the-scenes</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/15bf24c9-da6f-4287-a626-6a4f132343b3/Resource_3.png?t=1779189038"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Remember <a class="link" href="https://www.dive.club/deep-dives/josh-puckett?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">Josh Puckett</a>? His episode made me want to get better at sound design. So I devoured this breakdown from <a class="link" href="https://x.com/neversitdull?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">Josh</a> (his sound designer) about how he brought the Interface Craft onboarding to life with audio. It’s so freaking cool.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://www.metaphorsound.com/bts/interface-craft?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">The loop I can’t stop thinking about…</h2><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#e5e5e5;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/60fdedaf-c9b9-4b54-9f7b-50a72dcc5c09/CleanShot_2026-05-16_at_15.35.59.gif?t=1779159301"/></div><p class="paragraph" style="text-align:left;">Lately I’ve been obsessed with productizing this loop:</p><ol start="1"><li><p class="paragraph" style="text-align:left;">Share a prototype built with Claude/Codex</p></li><li><p class="paragraph" style="text-align:left;">Get feedback from stakeholders/users</p></li><li><p class="paragraph" style="text-align:left;">Convert that feedback into next steps</p></li><li><p class="paragraph" style="text-align:left;">Send next steps back to your agent</p></li></ol><p class="paragraph" style="text-align:left;">That’s the new focus for Inflight so I silently <a class="link" href="https://www.inflight.co/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">updated the website</a> as we gear up for an official launch…</p><p class="paragraph" style="text-align:left;">Figured you might be interested in a first look before I inevitably change it last minute tonight again :)</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://www.inflight.co/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design"><span class="button__text" style=""> Check it out → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ Sticky note mobile app</h5><p class="paragraph" style="text-align:left;">I’m obsessed with this visual style from <a class="link" href="https://bogste.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">Bogdan</a> 🤩</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9b340eab-0670-4511-baa3-2b3c1744fccb/CleanShot_2026-04-19_at_19.34.22_2x.png?t=1779189181"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://bogste.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Grid-based website from Hex</h5><p class="paragraph" style="text-align:left;">Grid websites like the new <a class="link" href="https://www.unsiloed.ai/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">Unsiloed</a> website are most definitely in right now. This is one of the better ones from <a class="link" href="https://x.com/ayushsoni_io?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">Ayush</a>.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6e4a005b-1380-4010-bdb8-54907db78f97/CleanShot_2026-04-29_at_08.33.33_2x.png?t=1779189296"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.unsiloed.ai/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ Notion honeycomb</h5><p class="paragraph" style="text-align:left;">Alright this is a bit of a silly one… but I really liked the <a class="link" href="https://x.com/nikhilville/status/2055363921687757136?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">image Nikhil made</a> to announce he’s joining Notion. I didn’t use to save this kind of stuff but now that I can incorporate it so easily into my own work, the range of what gets included in my taste library has definitely expanded.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/38527ed7-a781-43a6-8c71-8e29c5020582/HIYbiOFbcAAyCgn.jpg?t=1779189401"/></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=briefcase-design" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=00cc9d93-bf1f-4fa7-b27b-3c57fcd88f0c&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 window shopping</title>
  <description>how designers can shape strategy with AI</description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/5a043021-d1e9-4934-9490-542b0c2e2348/Katrina_2.png" length="2535719" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/window-shopping</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/window-shopping</guid>
  <pubDate>Tue, 12 May 2026 13:29:34 +0000</pubDate>
  <atom:published>2026-05-12T13:29:34Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;">How do the best designers <span style="background-color:#D6FFF7;">shape strategy</span> at companies like Shopify?</p><p class="paragraph" style="text-align:left;">What does it look like to make the most of these new AI capabilities?</p><p class="paragraph" style="text-align:left;">That’s what today’s episode with <a class="link" href="https://x.com/katarinabatina?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Katarina Batina</a> is all about. She’s the Design Director behind the Shop app which imo is one of the premium consumer experiences available today.</p><p class="paragraph" style="text-align:left;">Some highlights:</p><ul><li><p class="paragraph" style="text-align:left;">Balancing metrics and vision</p></li><li><p class="paragraph" style="text-align:left;">Redesigning the shopping cart UX</p></li><li><p class="paragraph" style="text-align:left;">Taking a big bet on the shopping feed</p></li><li><p class="paragraph" style="text-align:left;">How product strategy has changed with AI</p></li><li><p class="paragraph" style="text-align:left;">How to get people excited about your ideas</p></li><li><p class="paragraph" style="text-align:left;">How to make sure you don&#39;t overcook your app</p></li><li><p class="paragraph" style="text-align:left;">+ a <i>lot</i> more</p></li></ul><p class="paragraph" style="text-align:left;">Listen on <a class="link" href="https://www.youtube.com/watch?v=0YjO7wShTkQ&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/06azUsxF345r3VupCs7WIl?si=9bc5a36947cd4f31&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000767375142&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/0YjO7wShTkQ" width="100%"></iframe><p class="paragraph" style="text-align:left;"></p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🤝<span style="color:rgb(140, 140, 140);"> WITH </span><span style="color:rgb(140, 140, 140);"><a class="link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">GRANOLA</a></span></h6><p class="paragraph" style="text-align:left;">As a designer I’m always talking to people… team meetings, design CRIT, user interviews.</p><p class="paragraph" style="text-align:left;">So it’s super important to capture the ideas and feedback I’m getting.</p><p class="paragraph" style="text-align:left;">That’s why I never ever ever ever have a conversation about design without running <a class="link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Granola</a> in the background.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9f86965f-e8c0-4a9b-b022-f0a6973b3f97/1920x1080_-_Main_Granola_Value_Proposition.png?t=1778516632"/></div><p class="paragraph" style="text-align:left;">So when the meeting ends, <a class="link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Granola</a> enhances the notes I’ve written and I can even ask questions or get tailored summaries from the call.</p><p class="paragraph" style="text-align:left;">It’s like <span style="background-color:#D6FFF7;">a super-powered notes app</span> that <i>actually</i> understands your meetings and it has quickly become a staple tool in my design practice.</p><p class="paragraph" style="text-align:left;">Every designer should be using this 😎 Get a free month with code <span style="background-color:#D6FFF7;"><b>DIVECLUB</b></span> 👇</p><div class="image"><a class="image__link" href="https://go.granola.ai/dive-club?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c66d3324-32f3-4d75-b831-6bcdfc5bcf84/Granola-Dark-Blue-copy.gif?t=1778517144"/></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCES</span></h6><h3 class="heading" style="text-align:left;">What tools the Vercel design team is using</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/3875c061-99b8-497f-80d5-320908186f64/Resource_1.png?t=1778518330"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Remember <a class="link" href="https://www.dive.club/deep-dives/hannah-hearth?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Hannah Hearth</a> from Vercel? She wrote up some concrete examples of what tools the Vercel product design team is using at this moment in time and it’s worth a look 👀</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://x.com/hannah_hearth/status/2049260813937176823?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table><hr class="content_break"><h3 class="heading" style="text-align:left;">Shades of halftone</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a42e5377-26ca-4d3f-9597-e0e73def1368/Resource_2.png?t=1778518339"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Halftones are having a moment right now (<a class="link" href="https://shaders.paper.design/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Paper shaders</a> are one of the bigger driving forces). This is the ultimate deep dive into how they work and it’s fascinating.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://blog.maximeheckel.com/posts/shades-of-halftone/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping"><span class="button__text" style=""> Check it out → </span></a></div></td></tr></table><hr class="content_break"><h3 class="heading" style="text-align:left;">TinyUI</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><a class="image__link" href="https://unsplash.com/@ksheehan77?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" rel="noopener" target="_blank"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9a5029e6-5a81-42e2-a595-887240692514/Resource_3.png?t=1778518346"/></a></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Remember <a class="link" href="https://www.dive.club/deep-dives/marvin-schwaibold?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Marvin from Shopify</a>? Well him and <a class="link" href="https://x.com/Jaytel/status/2052876326315376749?s=20&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Jaytel</a> cooked up a really fun inspiration site that showcases <span style="background-color:#D6FFF7;">all of the “tiny UI” they’ve saved over the years</span>. It’s definitely worth a bookmark.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://tinyui.org/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">New design opportunities</h2><p class="paragraph" style="text-align:left;">A bunch of new roles just opened up inside the <a class="link" href="https://www.dive.club/talent-network?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Talent Network</a> 👇</p><ul><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://n8n.io/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">n8n</a></p></li><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.rogo.ai/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Rogo</a></p></li><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://railway.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Railway</a></p></li><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.browserbase.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Browserbase</a></p></li><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/colin_dunn?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Colin Dunn</a>’s stealth startup</p></li><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.functionhealth.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Function Health</a> with <a class="link" href="https://www.linkedin.com/in/sethweisfeld/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Seth Weisfeld</a></p></li></ul><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">If you want me to promote the heck out of you</span> to these teams or any of the others (Lovable, Granola, Superpower, Mercury, etc.) then drop your info here 👇</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://join.dive.club/talent-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping"><span class="button__text" style=""> Join the network → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ Smooth connection animation</h5><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/alex_krasikau/status/2052391721745441179?s=20&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Alex</a> is absurdly good at details like this 👏</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#e6e6e6;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9ecbaec8-c600-40ce-a8b6-713b73fb16c5/ThesmoothestanimationIbuiltjustlovethetimingsandhowitallconnectsintoasingleflow-ezgif.com-optimize.gif?t=1778518616"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/alex_krasikau/status/2052391721745441179?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Post-it notes for testimonials</h5><p class="paragraph" style="text-align:left;">It’s not uncommon to see post-it notes in web design but I really like how they’re <i>only</i> used for contextual testimonials here. Also the whole <a class="link" href="https://www.tryplayground.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Playground</a> website is great.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#e6e6e6;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0534c8d6-ad95-4781-af9d-17ddfb233d51/CleanShot_2026-04-21_at_10.48.36_2x.png?t=1778519078"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.tryplayground.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ Micro onboarding checklist</h5><p class="paragraph" style="text-align:left;">Just insane level of detail from <a class="link" href="https://x.com/guerriero_se?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Sebastiano</a> 💯</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/4a16b3c0-8260-4c27-893a-cd57dc1b92bd/Micro_onboarding_checklist.jpeg?t=1778519230"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/guerriero_se/status/2052033574279266589?s=20&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=window-shopping" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=9a0534ba-d150-4fd8-ba65-7ed28d7ead33&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 metal gear</title>
  <description>designing software that makes people FEEL something</description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/d01978fd-3fc9-4328-a8d4-6fd0f705fa65/Rafa_-_1.png" length="2597165" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/metal-gear</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/metal-gear</guid>
  <pubDate>Tue, 05 May 2026 17:14:05 +0000</pubDate>
  <atom:published>2026-05-05T17:14:05Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/rafahari?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">Rafa Conde</a> is a design engineer at <a class="link" href="https://retro.app/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">Retro</a> and one of the most creative designers I’ve ever met.</p><p class="paragraph" style="text-align:left;">I still remember where I was when I first saw the video on his <a class="link" href="https://rafa.design/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">personal site</a> 😂</p><p class="paragraph" style="text-align:left;">In this episode we unpack what it means to design experiences that make people <i>feel</i> something. He’ll probably make you laugh a few times along the way too :)</p><p class="paragraph" style="text-align:left;">Some highlights:</p><ul><li><p class="paragraph" style="text-align:left;">Finding ways to introduce delight</p></li><li><p class="paragraph" style="text-align:left;">How to make users feel something</p></li><li><p class="paragraph" style="text-align:left;">The power of humor in your design</p></li><li><p class="paragraph" style="text-align:left;">How to lean into video as a superpower</p></li><li><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">Balancing accessibility and delightful UX</span></p></li><li><p class="paragraph" style="text-align:left;">Behind the scenes of Rafa&#39;s side projects</p></li><li><p class="paragraph" style="text-align:left;">+ a lot more</p></li></ul><p class="paragraph" style="text-align:left;">Listen on <a class="link" href="https://www.youtube.com/watch?v=3rnhlZj25iY&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/5ymvVTXeLMv8DCgvcC6UeF?si=4f0a4c4f469e4241&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000766232699&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/3rnhlZj25iY" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">My new sharing workflow</h2><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#dedede;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ae37b445-0184-47b2-bd5e-014b151efb2d/CleanShot2026-05-04at14.43.49-ezgif.com-optimize.gif?t=1777920381"/></div><p class="paragraph" style="text-align:left;">Basically all of my work starts with Claude now…</p><p class="paragraph" style="text-align:left;">But moving out of Figma meant I didn’t have a good way to share these prototypes and get feedback.</p><p class="paragraph" style="text-align:left;">So we built a CLI that allows you to <span style="background-color:#D6FFF7;">embed the best parts of Inflight (video walkthroughs, feedback requests, pinned comments, etc.) directly inside of the prototypes</span> you&#39;re building with AI.</p><p class="paragraph" style="text-align:left;">It’s been my aha moment with the product so I made a ~2 minute video to show you my <a class="link" href="https://www.inflight.co/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">Inflight</a> workflow 👇</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://supercut.ai/share/dive/tlpvE5htJn7HZO9sjMsbJK?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear"><span class="button__text" style=""> See my workflow → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCES</span></h6><h3 class="heading" style="text-align:left;">The visible tells of AI design</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><a class="image__link" href="https://unsplash.com/@adrigeo_?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" rel="noopener" target="_blank"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/7e65d166-3da8-44ca-bd97-1d21e2bab916/Resource_1.png?t=1777922004"/></a></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">There are certain styles that are design’s version of the emdash (RIP 😔). This resource lists them all out and it’s pretty spot on tbh. Looks like italicized words in headings are officially dead.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://impeccable.style/slop/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table><hr class="content_break"><h3 class="heading" style="text-align:left;">Gradient border plugin</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><a class="image__link" href="https://unsplash.com/@hypernature?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" rel="noopener" target="_blank"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ab054354-7269-4903-b9c3-d5325123efa6/Resource_2.png?t=1777922053"/></a></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">It’s oddly challenging to get AI to nail animated gradient borders. But the gradient border plugin makes it a breeze. Good news = we’ll see more gradient borders. Bad news = they might end up on the list above 😅</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://gradient-border.floriankiem.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear"><span class="button__text" style=""> Check it out → </span></a></div></td></tr></table><hr class="content_break"><h3 class="heading" style="text-align:left;">Creating melt effects</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/1f6d53dd-bd43-4d4d-8fb8-1fa73cf77b65/Resource_3.png?t=1777922113"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Building on the above… as designers we now have to push further to create designs that are unique and not as easy to copy with a single screenshot or plugin. So I want to share this tutorial to create a melting effect on your UI. It’s by <a class="link" href="https://www.dive.club/deep-dives/josh-puckett?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">Josh Puckett</a> so you know it’s good.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://joshpuckett.me/melt-effect?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear"><span class="button__text" style=""> Check it out → </span></a></div></td></tr></table></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ Supabase announcement card</h5><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/562f68eb-0391-44cc-a7b5-f05e6e9c9a0d/CleanShot_2026-05-03_at_10.25.55_2x.png?t=1777922166"/></div><p class="paragraph" style="text-align:left;">The subtle background pattern really spices up this announcement card in Supabase. Just saw it for the first time yesterday and saved it to my taste library.</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://supabase.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Border beveling</h5><p class="paragraph" style="text-align:left;">When it comes to UI details, <a class="link" href="https://x.com/flyosity?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">Mike Rundle</a> is in a league of his own 💯</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a6790a9e-35d8-430f-90be-7ccf0750720c/HGdf1BRW4AAaFVE.jpg?t=1777922286"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/flyosity/status/2046710267803734147?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ Unique typography layout</h5><p class="paragraph" style="text-align:left;">This is such a simple composition but you don’t see this typography layout very often. Nice touch from the new <a class="link" href="https://fin.ai/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">Fin</a> website 👌</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#dedede;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6b8eb5f6-e556-4200-927a-0218802b17b0/CleanShot_2026-04-22_at_14.25.05_2x.png?t=1777922365"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://fin.ai/sales?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=metal-gear" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=36021c84-d7f0-4a64-b9b2-55de3cf6ebf8&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 smooth waters</title>
  <description>going from IC to VP of design</description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6c738ab6-8e25-4914-803d-ad11d0578f9f/Polly_-_1.png" length="2585054" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/smooth-waters</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/smooth-waters</guid>
  <pubDate>Tue, 28 Apr 2026 14:03:56 +0000</pubDate>
  <atom:published>2026-04-28T14:03:56Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;">Imagine going from IC to leading the <a class="link" href="https://www.wealthsimple.com/en-ca?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">Wealthsimple</a> design team in a few short years…</p><p class="paragraph" style="text-align:left;">That was <a class="link" href="https://www.linkedin.com/in/pollydarcy/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">Polly D’arcy’s</a> journey and today’s episode covers everything she’s learned along the way. We go deep into design leadership, craft, hiring, and a lot more.</p><p class="paragraph" style="text-align:left;">Some highlights:</p><ul><li><p class="paragraph" style="text-align:left;">Why Polly hires specialists over generalists</p></li><li><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">Tactics to nail your next portfolio presentation</span></p></li><li><p class="paragraph" style="text-align:left;">What it looks like to lean into the moment with AI</p></li><li><p class="paragraph" style="text-align:left;">How Polly defines design quality at WealthSimple</p></li><li><p class="paragraph" style="text-align:left;">How AI is changing team composition and design</p></li><li><p class="paragraph" style="text-align:left;">Polly’s go-to interview question to evaluate designers</p></li></ul><p class="paragraph" style="text-align:left;">Listen on <a class="link" href="https://www.youtube.com/watch?v=vdYBohOQYm0&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/6NoF3hmR1oCMrInY5JbVE2?si=023a15b0ce444bf2&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000764114059&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/vdYBohOQYm0" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">New design opportunities</h2><p class="paragraph" style="text-align:left;">I’m officially doubling down on the <a class="link" href="https://www.dive.club/talent-network?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">talent network</a> because it’s <i>really</i> starting to pick up steam and there are few things more life-giving than helping someone land a dream role.</p><p class="paragraph" style="text-align:left;">Here are three of <span style="background-color:#D6FFF7;">my favorite companies that hired designers from the network</span> in the last month:</p><ul><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://livekit.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">Livekit</a> (tech powering ChatGPT voice mode)</p></li><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://clerk.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">Clerk</a> (as beautiful as B2B gets)</p></li><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.airops.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">Airops</a> (AI-native startup)</p></li></ul><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">If you want me to promote the heck out of you</span> to these teams or any of the others (Lovable, Granola, Superpower, Mercury, etc.) then drop your info here 👇</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://join.dive.club/talent-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters"><span class="button__text" style=""> Join the network → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCES</span></h6><h3 class="heading" style="text-align:left;">Field Notes from the In-Between</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/7afdf06d-5976-4bad-9a78-e9267277d986/Resource_1.png?t=1777338334"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Remember when Kris Puckett from Stripe talked about <a class="link" href="https://www.dive.club/deep-dives/kris-puckett?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">becoming an AI-native designer</a>?</p><p class="paragraph" style="text-align:left;">Well he just wrote a pretty incredible article that asks the question: “What happens when a designer stops waiting?”</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://permissionless.krispuckett.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table><hr class="content_break"><h3 class="heading" style="text-align:left;">How to make it through 2026 to the other side</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/de828ed1-9c8f-4f37-ab36-cf896db5dd8d/Resource_2.png?t=1777338344"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">It’s ok to have a bit of anxiety right now. Honestly if you don’t, then you’re probably not paying very close attention.</p><p class="paragraph" style="text-align:left;">That’s why I want to share <a class="link" href="https://mikeindustries.com/blog/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">this article</a> from longtime design leader, Mike Davidson. It’s a helpful guide to developing <span style="background-color:#D6FFF7;">modern skills that companies are looking for today</span>.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://mikeindustries.com/blog/archive/2026/04/tips-for-designers-on-making-it-through-2026-to-the-other-side?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters"><span class="button__text" style=""> Check it out → </span></a></div></td></tr></table><hr class="content_break"><h3 class="heading" style="text-align:left;">10 portfolio tips</h3><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/3cda7320-1270-4a82-8323-18b0d3ab6825/Resource_3.png?t=1777338353"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Edgard Kozlowski asked a bunch of talented designers what makes a portfolio work (and what turns them off). He compiled it into a set of 10 tips that are spot on.</p><p class="paragraph" style="text-align:left;">I particularly like the idea of <span style="background-color:#D6FFF7;">thinking of your portfolio as a movie trailer</span>.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://www.edkf.fyi/portfolio-tips?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ Nested settings in a dashboard</h5><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/jakubkrehel?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">Jakub Krehel</a> is one of those design engineers who I pay a <i>lot</i> of attention to. I thought this sidebar navigation (especially the animation in and out of settings) was top notch work.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/61f606d3-ca2c-4e3a-9971-735ea5408d1d/CleanShot2026-04-27at21.12.34-ezgif.com-video-to-gif-converter.gif?t=1777338859"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/jakubkrehel/status/2048788140849062241?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Offset testimonial layout</h5><p class="paragraph" style="text-align:left;">It’s hard to find novel approaches to testimonial design but I really like the simplicity of this layout from <a class="link" href="https://Fin.ai?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">Fin.ai</a>. Just saved it to my taste library over the weekend <span style="font-family:&quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;;font-size:1em;">✌️</span></p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b94d03d9-16cf-4ab6-9519-184a2ad0bf5f/CleanShot_2026-04-22_at_14.24.24_2x.png?t=1777338948"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://fin.ai/sales?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ 0s and 1s</h5><p class="paragraph" style="text-align:left;">Check out these illustrations made entirely out of 0s and 1s 😮</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9e36152a-fd79-4bd5-81fd-82e5a80f8013/CleanShot_2026-04-22_at_09.21.50_2x.png?t=1777339053"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.unkey.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=smooth-waters" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=6b017ef8-d95e-494b-b05f-f6a9f8c927be&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 creating taste</title>
  <description>+ thoughts on Claude Design</description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/13a0185d-8672-4ff6-8246-1dd62a187b27/Brandon-_2.png" length="2612682" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/creating-taste</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/creating-taste</guid>
  <pubDate>Tue, 21 Apr 2026 13:37:10 +0000</pubDate>
  <atom:published>2026-04-21T13:37:10Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/JacobyBrandon?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">Brandon Jacoby</a> is one of the designers who I’ve been trying to interview for over a year now and it finally happened :)</p><p class="paragraph" style="text-align:left;">He was early Cash App, the first hire at PartyRound (which became Capital and had some of the freshest design I’ve ever seen), and most recently designed at <span style="text-decoration:line-through;">X</span> Twitter.</p><p class="paragraph" style="text-align:left;">Our conversation is a deep dive into taste, being creative with AI, and how to thrive in a 0-&gt;1 environment.</p><p class="paragraph" style="text-align:left;">Some highlights:</p><ul><li><p class="paragraph" style="text-align:left;">The types of designer who get most amplified by AI</p></li><li><p class="paragraph" style="text-align:left;">What it takes to thrive while designing a 0→1 experience</p></li><li><p class="paragraph" style="text-align:left;">How Brandon is positioning himself as a new independent</p></li><li><p class="paragraph" style="text-align:left;">The difference between &quot;seeing taste&quot; and &quot;creating taste&quot;</p></li><li><p class="paragraph" style="text-align:left;">What Nikita (X Head of Product) taught Brandon about onboarding</p></li><li><p class="paragraph" style="text-align:left;">+ a lot more</p></li></ul><p class="paragraph" style="text-align:left;">Listen on <a class="link" href="https://www.youtube.com/watch?v=RaKFP_DuqpA&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/show/6BuKkGfVR7FDaB3VPrN5fo?si=659e90b149594232&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000762793585&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/RaKFP_DuqpA" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><p class="paragraph" style="text-align:left;">Last week I was showing someone how I&#39;m using <a class="link" href="https://preview.kit-mail3.com/click/dpheh0hzhm/aHR0cHM6Ly93d3cuaW5mbGlnaHQuY28v?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">Inflight</a> to include video walkthroughs + feedback requests in all of my Claude prototypes.</p><p class="paragraph" style="text-align:left;">As soon as he saw how easy it was he said &quot;wait stop&quot; and immediately ran off the screen... 😄</p><p class="paragraph" style="text-align:left;">A minute later he returned with his design lead and said &quot;you gotta look at this&quot;.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/5475824e-4784-4f05-aa6c-f077fc5b3132/Dom_Pinning_UPDATED.gif?t=1776700472"/></div><p class="paragraph" style="text-align:left;">Ever since I started designing in code, this new feedback flow has totally changed the way I share my work.</p><p class="paragraph" style="text-align:left;">If you’re actively prototyping in code I’d love to show you and hear more about your process!</p><p class="paragraph" style="text-align:left;">Want to <a class="link" href="https://cal.com/ridd-inflight/demo?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden&_bhlid=eb2edb0084d0725e7f4f3cc5a51f571e2423190a" target="_blank" rel="noopener noreferrer nofollow">grab a time</a> to jam together?</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCES</span></h6><h2 class="heading" style="text-align:left;">Shader lab</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/5bd50cfe-88d1-47f7-bafb-c17a70843a0a/CleanShot_2026-04-20_at_12.01.00.gif?t=1776701095"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;"><a class="link" href="https://basement.studio/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">Basement Studio</a> released a free shader tool and <a class="link" href="https://eng.basement.studio/tools/shader-lab?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">it’s legit</a>. Definitely bookmark this one.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://eng.basement.studio/tools/shader-lab?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table><hr class="content_break"><h2 class="heading" style="text-align:left;">State of prototyping</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/14a10f78-ccc8-4eae-801f-e62b98dba1d3/Resources1.png?t=1776701574"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Thank you if you were one of the 1,500 people who filled out the <a class="link" href="https://survey.uxtools.co/spring-2026?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">State of Prototyping Spring 2026</a> survey.</p><p class="paragraph" style="text-align:left;">I’ve been anticipating the results and they definitely don’t disappoint.</p><p class="paragraph" style="text-align:left;">The thing that stood out to me is how AI has effectively split the industry into thirds.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://survey.uxtools.co/spring-2026?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste"><span class="button__text" style=""> Check it out → </span></a></div></td></tr></table><hr class="content_break"><h2 class="heading" style="text-align:left;">Thoughts on Claude Design</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8b935d65-5374-44e6-bcd0-143c7c83624a/Resources2.png?t=1776701869"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Ever since Anthropic launched Claude Design on Friday the community has been drowning in think pieces. Ignore basically all of them tbh.</p><p class="paragraph" style="text-align:left;">Except <a class="link" href="https://x.com/samhenrigold/status/2045577492551946468?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">this one by Sam Henri Gold</a>. Not only is it spot on it’s also hilarious.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://x.com/samhenrigold/status/2045577492551946468?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ Block distracting apps animation</h5><p class="paragraph" style="text-align:left;">You ever see a design concept so clever you feel a bit of jealousy creeping up? Ya… me neither…</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#dddddd;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9eb2375b-c30d-4acf-9a63-3d18e991477a/CleanShot2026-04-20at12.22.04-ezgif.com-optimize.gif?t=1776702254"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/byfloperillat/status/2044166749277376719?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Vercel search/action menu</h5><p class="paragraph" style="text-align:left;">I’m paying attention to this pattern where search bars default to AI assistance if no results match. Seeing it in a lot of tools lately.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/3924df41-136b-4411-a82c-0df2cd6d44d5/CleanShot2026-04-20at12.26.17-ezgif.com-optimize.gif?t=1776702539"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/rds_agi/status/2044053696561197143?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ Line pattern background</h5><p class="paragraph" style="text-align:left;">I was thinking about this pattern the other day… it’s the first time I’ve seen someone use a diagonal line pattern to replace a simple gray background in a web app. Pretty unique stuff from <a class="link" href="https://x.com/moeamaya?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">Moe</a>.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ceba5229-0afb-4a5b-bd85-e48ebe48a52b/GrpzqYQXsAAFXQT.jpg?t=1776702701"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/moeamaya/status/1925980137083875357?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=creating-taste" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=0f6eb022-0a20-4d78-ae00-b1af38653077&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 nerd sniped</title>
  <description>+ a new design engineering game you gotta play</description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b02e5151-2c25-41a1-a1ec-bd3a6a554136/Brian_-_1.png" length="2548896" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/nerd-sniped</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/nerd-sniped</guid>
  <pubDate>Tue, 14 Apr 2026 13:00:51 +0000</pubDate>
  <atom:published>2026-04-14T13:00:51Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;">When it comes to tools and workflows, <a class="link" href="https://x.com/brian_lovin?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Brian Lovin</a> is someone I pay <i>very</i> close attention to.</p><p class="paragraph" style="text-align:left;">He’s actually the one who first got me hooked on <a class="link" href="https://www.conductor.build/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Conductor</a>.</p><p class="paragraph" style="text-align:left;">But times are changing (again 😅)…</p><p class="paragraph" style="text-align:left;">So today’s episode is a deep dive into his design process and all of the ways he’s iterating on his approach to both <span style="background-color:#D6FFF7;"><i>using</i></span><span style="background-color:#D6FFF7;"> AI tools as well as </span><span style="background-color:#D6FFF7;"><i>building</i></span><span style="background-color:#D6FFF7;"> AI tools at Notion.</span></p><p class="paragraph" style="text-align:left;">If you like getting into the weeds of how the best designers are wrangling AI then you’re going to love this episode.</p><p class="paragraph" style="text-align:left;">Some highlights:</p><ul><li><p class="paragraph" style="text-align:left;">Why Brian has started using Cursor again</p></li><li><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">Practical tips for prompting AI more effectively</span></p></li><li><p class="paragraph" style="text-align:left;">Behind-the-scenes of Brian’s new side project</p></li><li><p class="paragraph" style="text-align:left;">How Brian built Notion’s prototyping playground</p></li><li><p class="paragraph" style="text-align:left;">How to stay relevant as a designer in an AI world</p></li><li><p class="paragraph" style="text-align:left;">Why his first Notion design offsite was so impactful</p></li><li><p class="paragraph" style="text-align:left;">+ a <i>lot</i> more</p></li></ul><p class="paragraph" style="text-align:left;">Listen on <a class="link" href="https://www.youtube.com/watch?v=dvEwb1Ajkwo&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/43X7187TICYi2ny6gdAOHs?si=40a774e1aced4834&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000761294498&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/dvEwb1Ajkwo" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">New design opportunities</h2><p class="paragraph" style="text-align:left;">I’m officially doubling down on the <a class="link" href="https://www.dive.club/talent-network?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">talent network</a> because it’s <i>really</i> starting to pick up steam and there are few things more life-giving than helping someone land a dream role.</p><p class="paragraph" style="text-align:left;">Here are the companies who joined this week:</p><ul><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://mercury.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Mercury</a> (gorgeous design)</p></li><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://polymarket.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Polymarket</a> (absolute rocket ship)</p></li><li><p class="paragraph" style="text-align:left;"><a class="link" href="https://gowindmill.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Windmill</a> (founding designer opportunity 👀)</p></li></ul><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">If you want me to promote the heck out of you</span> to these teams or any of the others (Lovable, Granola, Superpower, Livekit, etc.) then drop your info here 👇</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://join.dive.club/talent-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped"><span class="button__text" style=""> Join the network → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCES</span></h6><h2 class="heading" style="text-align:left;">Train your judgement</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#e1e1e1;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/760f7a00-67e0-4d7a-aeea-a2fddbe77f7b/CleanShot_2026-04-13_at_14.30.23.gif?t=1776127812"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">You gotta try <a class="link" href="https://emilkowal.ski/ui/train-your-judgement?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">this game</a> by Emil Kowalski. Pick which animation feels correct, and then see Emil’s explanation. It’s about as fun as masterclasses get 😄 <span style="background-color:#D6FFF7;">I’ve learned more about design engineering from Emil than anyone</span> so you definitely don’t want to miss <span style="text-decoration:underline;"><a class="link" href="https://Animations.dev?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Animations.dev</a></span> (just re-opened today!).</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://emilkowal.ski/ui/train-your-judgement?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped"><span class="button__text" style=""> Play it → </span></a></div></td></tr></table><hr class="content_break"><h2 class="heading" style="text-align:left;">Ultra Mock</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#e1e1e1;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b6cc1eb7-b7a4-4277-8fff-453c3fb65d93/CleanShot_2026-04-13_at_20.51.45_2x.png?t=1776127943"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">So I saw Ultra Mock by <a class="link" href="https://x.com/joshmillgate?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Josh Millgate</a> on Twitter and immediately bought it while working on a new version of the <a class="link" href="https://www.inflight.co/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Inflight website</a>.</p><p class="paragraph" style="text-align:left;">It’s a fantastic product and an easy way to spice up your portfolio.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://www.ultramock.io/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped"><span class="button__text" style=""> Check it out → </span></a></div></td></tr></table><hr class="content_break"><h2 class="heading" style="text-align:left;">Mesurer</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#e1e1e1;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/fe35e0f7-8797-4a32-8221-e9d805d98636/CleanShot_2026-04-13_at_20.55.40_2x.png?t=1776128157"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">I’m pretty obsessed with these little <span style="text-decoration:underline;"><a class="link" href="https://localhost?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">localhost</a></span> tools (like <a class="link" href="https://joshpuckett.me/dialkit?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Dialkit</a> and <a class="link" href="https://www.agentation.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Agentation</a> which you hear me talk about on the podcast a ton). Here’s another handy one I’m excited about <span style="font-family:&quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;;font-size:1em;">👇</span></p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://mesurer.ibelick.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped"><span class="button__text" style=""> Check it out → </span></a></div></td></tr></table></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ Gradient cursor</h5><p class="paragraph" style="text-align:left;">One of the more beautiful concepts I’ve seen lately 😍</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/703e6a5d-17c1-4aff-b764-8d358ecb6d2f/HDitDq_XUAASjv8.jpg?t=1776129035"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/zielinskiwoj/status/2033566382638403910?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Sliding tab pattern</h5><p class="paragraph" style="text-align:left;">More lovely details from <a class="link" href="https://t.co/ivHxbSf3ev?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Define</a> 👀</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/09e82704-50ea-4f19-9a94-c38589c20e43/SmoothUXdetailthatAIagentscantdoyetWhentheactivetabisatthescrolledgewedetectwhichsideittouchesandchangeitsshape.-ezgif.com-optimize.gif?t=1776129166"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/define_app/status/2039763570448101379?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ Security badges</h5><p class="paragraph" style="text-align:left;">So I made a new <a class="link" href="https://www.inflight.co/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Inflight website</a>. There are some really fun design details on there imo but I’ll probably simplify it radically this week to improve the storytelling.</p><p class="paragraph" style="text-align:left;">Anyway… I did spend some time researching SOC2 badges which led me back to this concept from Oguz which I <i>love</i>.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0cedf84e-6db2-4ab4-b6af-b9fcc3efa7ed/security.jpeg?t=1776129248"/></div><p class="paragraph" style="text-align:left;">I ended up going with a space theme 😅</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/cae31618-eb70-4671-8a50-ef27e8a8c712/CleanShot_2026-04-14_at_08.55.58.gif?t=1776171394"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/oguzyagizkara/status/1991820415430545785?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=nerd-sniped" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=bf3b1e31-9cd4-465c-8257-8a6e911ef31d&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 madden</title>
  <description>inside design at OpenAI</description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6a846a5e-3b64-4c01-b0af-f95e347a3474/Ian_-_3.png" length="2609924" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/new-post-4702</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/new-post-4702</guid>
  <pubDate>Wed, 08 Apr 2026 13:22:19 +0000</pubDate>
  <atom:published>2026-04-08T13:22:19Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;">If you&#39;re like me you gotta be curious... <span style="background-color:#D6FFF7;">what&#39;s it like designing at OpenAI?</span></p><p class="paragraph" style="text-align:left;">So I’m excited to share today’s episode with you :)</p><p class="paragraph" style="text-align:left;">It’s a deep dive with OpenAI’s Head of Product Design, <a class="link" href="https://x.com/iansilber?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden" target="_blank" rel="noopener noreferrer nofollow">Ian Silber</a>.</p><p class="paragraph" style="text-align:left;">Some highlights:</p><ul><li><p class="paragraph" style="text-align:left;">The traits of the best systems thinkers at OpenAI</p></li><li><p class="paragraph" style="text-align:left;">What makes the design culture at OpenAI unique</p></li><li><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">The vision for OpenAI&#39;s dynamic interface library</span></p></li><li><p class="paragraph" style="text-align:left;">What it&#39;s like designing around chat as a primitive</p></li><li><p class="paragraph" style="text-align:left;">What makes designing with AI as a material so unique</p></li><li><p class="paragraph" style="text-align:left;">How tools like Codex are changing the practice of design</p></li><li><p class="paragraph" style="text-align:left;">+ a <i>Iot</i> more</p></li></ul><p class="paragraph" style="text-align:left;">Enjoy 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/oM1d9Tau27w" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><p class="paragraph" style="text-align:left;">Every one of the artifacts I share with my team is now built in code. And this change only happened in ~November which I still find insane 🤯</p><p class="paragraph" style="text-align:left;">The problem is feedback has become completely detached from my prototypes.</p><p class="paragraph" style="text-align:left;">But I think we <i>finally</i> fixed that with <a class="link" href="https://www.inflight.co/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden" target="_blank" rel="noopener noreferrer nofollow">Inflight</a> :)</p><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">I&#39;m now adding video + feedback guides to all of my Claude prototypes</span> and it&#39;s completely changing how I share my work.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/2f656f8c-7e9f-42bb-8801-652266ea32a4/Dom_Pinning_UPDATED.gif?t=1775608885"/></div><p class="paragraph" style="text-align:left;">If you’re actively prototyping in code I’d love to show you and hear more about how you work!</p><p class="paragraph" style="text-align:left;">Want to <a class="link" href="https://cal.com/ridd-inflight/demo?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden" target="_blank" rel="noopener noreferrer nofollow">grab a time</a> to jam together?</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://cal.com/ridd-inflight/demo?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden"><span class="button__text" style=""> Grab a time → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCES</span></h6><h2 class="heading" style="text-align:left;">10 principles for fluid UI</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/88ad0073-1902-4b8f-8ac2-7ade049cd9e0/Resources1.png?t=1775609092"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Remember Karl Koch who shared <a class="link" href="https://www.dive.club/deep-dives/karl-koch?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden" target="_blank" rel="noopener noreferrer nofollow">tips for new design engineers</a>?</p><p class="paragraph" style="text-align:left;">Well he recently released “<a class="link" href="https://karlkoch.me/writing/10-principles-for-fluid-ui?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden" target="_blank" rel="noopener noreferrer nofollow">10 principles for Fluid UI</a>” and it’s a great read.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://karlkoch.me/writing/10-principles-for-fluid-ui?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table><hr class="content_break"><h2 class="heading" style="text-align:left;">Ramp’s designer job description</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/1e0e7356-4edc-4161-9fa6-0cbc782bfa59/Resources2.png?t=1775609528"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">If you want to see where design is headed look at the job descriptions of the companies who are attracting the top talent.</p><p class="paragraph" style="text-align:left;">Shane Levine just shared this snippet from Ramp’s new product designer role and it’s worth a look.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://x.com/theShaneLevine/status/2041339838473945344?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden"><span class="button__text" style=""> Check it out → </span></a></div></td></tr></table><hr class="content_break"><h2 class="heading" style="text-align:left;">Taste isn’t a screenshot</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a7af1cf5-20bb-454d-8444-179325c8357f/Resources3.png?t=1775610294"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">Taste has soaked up too many different meanings. That’s why I love this article from Anton.</p><p class="paragraph" style="text-align:left;">My biggest takeaway is that <span style="background-color:#D6FFF7;"><i>judgement</i></span><span style="background-color:#D6FFF7;"> might actually be the differentiating skill for designers</span> (and PMs?) moving forward.</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://www.antonsten.com/articles/taste-isnt-a-screenshot/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ Button → Menu transition</h5><p class="paragraph" style="text-align:left;">Not sure if I’ve seen this pattern before but I like it! Unfortunately I forgot to paste the link into my Notion and now it is lost forever <span style="font-family:&quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;;font-size:1em;">🤦‍♂️</span> But it’s too good not to sure so if you know who tweeted this lmk.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#e7e7e7;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ba55243b-973e-4d32-8bf9-818c854dbfc2/thisinteractionfeelssosmooth-ezgif.com-optimize.gif?t=1775610463"/></div><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Pixelated logo carousel</h5><p class="paragraph" style="text-align:left;">One of those effects where I have 0 clue how this is possible and yet I immediately want to see if Claude can pull it off for my next project.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#e2e2e2;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/df79d6e8-cb66-4b78-8ef1-1f9f2cc9340d/ezgif.com-optimize__14_.gif?t=1775610607"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/tjcages/status/2038726727422312871?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ Mobile App CTA</h5><p class="paragraph" style="text-align:left;">Fun way to morph the primary CTA when the whole point is to get someone to download an app.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#e7e7e7;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/142606b9-ecad-4249-b93a-1702c7896273/CleanShot_2026-04-07_at_12.44.39.gif?t=1775610865"/></div><p class="paragraph" style="text-align:left;"></p><p class="paragraph" style="text-align:left;"><a class="link" href="https://giggles.me/home?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=madden" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=b3e827cd-203b-438b-9d6c-80bcf927d86b&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 wild gardening</title>
  <description>why Molly studio was acquired by Shopify</description>
  <link>https://dive-club.beehiiv.com/p/wild-gardening</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/wild-gardening</guid>
  <pubDate>Thu, 02 Apr 2026 13:53:51 +0000</pubDate>
  <atom:published>2026-04-02T13:53:51Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;">Remember when the <a class="link" href="https://www.dive.club/deep-dives/carl-rivera?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Carl Rivera</a> told us about his vision to create <span style="background-color:#D6FFF7;">the new Shopify Product Design Studio?</span></p><p class="paragraph" style="text-align:left;">Well, in this episode I got to sit down with <a class="link" href="https://x.com/MSchwaibold?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Marvin Schwaibold</a> from Molly studio who Shopify recently acquired to bring that vision to life. I genuinely think <span style="background-color:#D6FFF7;">he’s one of the most creative people I’ve ever met</span>.</p><p class="paragraph" style="text-align:left;">Some highlights:</p><ul><li><p class="paragraph" style="text-align:left;">How to become a well of creative ideas</p></li><li><p class="paragraph" style="text-align:left;">How AI unlocks how designers work at Shopify</p></li><li><p class="paragraph" style="text-align:left;">What design differentiation looks like at Shopify</p></li><li><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">What Marvin has learned diving into Claude Code</span></p></li><li><p class="paragraph" style="text-align:left;">How designers at Shopify create and leverage internal tools</p></li><li><p class="paragraph" style="text-align:left;">Behind-the-scenes of redesigning the famous Collins website</p></li><li><p class="paragraph" style="text-align:left;">+ a <i>lot</i> more</p></li></ul><p class="paragraph" style="text-align:left;">Watch on <a class="link" href="https://www.youtube.com/watch?v=KpJs7mZYErg&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/2wOxjNRtN4CX3QFy4FpsRs?si=a9a77d23e37540ce&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000758844633&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you listen to your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/KpJs7mZYErg" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">Want to become a founding designer?</h2><div class="image"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/798943cd-120b-4a9e-b01c-c981711268b6/Founding_designer_job_email_banner.png?t=1775092266"/></div><p class="paragraph" style="text-align:left;">You guys… the <a class="link" href="https://www.dive.club/talent-network?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">talent network</a> is <i>really</i> starting to pick up steam and I’m having so much fun helping people land roles at my favorite companies (stories coming soon).</p><p class="paragraph" style="text-align:left;">But the role I care most about is the founding designer.</p><p class="paragraph" style="text-align:left;">IMO it’s the <span style="background-color:#D6FFF7;">single most important job in all of tech</span> (ok maybe other than the people building the models themselves but you get the point).</p><p class="paragraph" style="text-align:left;">Anyway… some of my favorite startups in the world are hiring right now (<a class="link" href="https://wabi.ai/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Wabi</a>, <a class="link" href="https://simile.ai/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Simile</a>, <a class="link" href="https://www.delphi.ai/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Delphi</a>, etc.) and I’d love to promote you to them :)</p><p class="paragraph" style="text-align:left;">All you have to do is add your info here 👇</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://join.dive.club/talent-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening"><span class="button__text" style=""> Join the network → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCES</span></h6><h2 class="heading" style="text-align:left;">Tinder for design taste</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/3db7a254-75f0-4c09-a930-25f5b3a80429/Resources1.png?t=1775075320"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/pizzaboy?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Dan</a> made a pretty genius internal tool for client work that shows 26 logos in the client&#39;s selected industry, and they swipe on the ones they hate or love.</p><p class="paragraph" style="text-align:left;">“The point is to make the love/hate exploration automatic and fun.”</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://x.com/pizzaboy/status/2037590231155958073?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table><hr class="content_break"><h2 class="heading" style="text-align:left;">Fidelity: the missing concept in AI design</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/dd5c40f4-9a9b-49e2-910b-232c8e8d670b/Resources2.png?t=1775075425"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/k_grajeda?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Kevin Grajeda</a> (design engineer at <a class="link" href="https://www.dessn.ai/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Dessn</a>) wrote an article that got me thinking:</p><p class="paragraph" style="text-align:left;">We often define fidelity as visual polish. But in an AI prototyping world it’s more accurate to define it as the <span style="background-color:#D6FFF7;">level of adherence to the system </span>(both design system in the traditional sense but also the encoded tribal knowledge your team builds up over time).</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://x.com/k_grajeda/status/2036536897665917246?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening"><span class="button__text" style=""> Check it out → </span></a></div></td></tr></table><hr class="content_break"><h2 class="heading" style="text-align:left;">Linear CEO’s thoughts on malleable software</h2><table width="100%" class="bh__column_wrapper"><tr><td width="50%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#E5E7EB;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0d953ffd-9ad8-4d4b-a595-fada9851f094/Resources3.png?t=1775075566"/></div></td><td width="50%" class="bh__column"><p class="paragraph" style="text-align:left;">We talk a lot about malleable software on this show (see <a class="link" href="https://www.dive.club/deep-dives/geoffrey-litt?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Geoffrey Litt</a> and <a class="link" href="https://www.dive.club/deep-dives/tyler-angert?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Tyler Angert</a>)</p><p class="paragraph" style="text-align:left;">But Karri took the opposite stance in a recent article that I found interesting enough to share 👇</p><div class="button" style="text-align:left;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://x.com/karrisaarinen/status/2034845387488731585?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening"><span class="button__text" style=""> Read more → </span></a></div></td></tr></table></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ Photo grid concept</h5><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/bentenwoodring/status/2037185922521809056?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Benten</a> is one of my favorite designers and this grid had me staring for way too long.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/f495f263-21c6-4ea1-b27d-0326ba0c1502/CleanShot_2026-03-26_at_13.04.36_2x.png?t=1775075703"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/bentenwoodring/status/2037185922521809056?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Masking a key word</h5><p class="paragraph" style="text-align:left;">I love this H1 implementation on <span style="text-decoration:underline;"><a class="link" href="https://Warp.co?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Warp.co</a></span> 🔥 Definitely got my mind running</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#E5E7EB;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a0e8da8f-9d1d-4c4c-90b1-1dd74229702f/CleanShot_2026-03-19_at_21.14.12_2x.png?t=1775075841"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.warp.co/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ Amie breadcrumb interaction</h5><p class="paragraph" style="text-align:left;">Little design details like this breadcrumb interaction are the reason I still use Amie every day for my calendar/todos.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/1b3e9474-9330-4469-9147-f2871353aedf/ezgif.com-optimize__13_.gif?t=1775076086"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://amie.so/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=wild-gardening" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=ac345570-cffa-4e87-a09f-32d2b19a86f9&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 johnny appleseed</title>
  <description>how Flora accelerated her career with AI</description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c73746de-8bcc-424c-910f-a46ae8c33a71/Flora_-_2.png" length="2525898" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/gromit-vibes</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/gromit-vibes</guid>
  <pubDate>Wed, 25 Mar 2026 13:47:46 +0000</pubDate>
  <atom:published>2026-03-25T13:47:46Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;">If you want to see what it looks like to accelerate your career with AI, look no further than <a class="link" href="https://x.com/floguo?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Flora Guo</a> 👀</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/4bd46cfa-a9bb-42c3-ad4d-95dd96f22f63/CleanShot_2026-03-25_at_09.35.44_2x.png?t=1774445761"/></div><p class="paragraph" style="text-align:left;">She has one of the more impressive career trajectories of anyone I&#39;ve interviewed on this show (and is easily one of my favorite <a class="link" href="https://x.com/floguo?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Twitter follows</a>).</p><p class="paragraph" style="text-align:left;">Flora is currently the founding design engineer at <a class="link" href="https://www.paradigmai.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Paradigm</a>. But before that, Guillermo (the Vercel CEO) <span style="background-color:#D6FFF7;">personally DM&#39;d her to join the Vercel team.</span></p><p class="paragraph" style="text-align:left;">So we&#39;re going deep into career growth, design engineering, <span style="background-color:#D6FFF7;">what it&#39;s like being a founding designer at an AI-native startup</span>.</p><ul><li><p class="paragraph" style="text-align:left;">Mental models for using AI as a learning tool</p></li><li><p class="paragraph" style="text-align:left;">The challenges of designing AI-first products that work at scale</p></li><li><p class="paragraph" style="text-align:left;">Flora’s experiments with new design tools like Paper and Variant</p></li><li><p class="paragraph" style="text-align:left;">What Flora learned working alongside top design engineers at Vercel</p></li><li><p class="paragraph" style="text-align:left;">How Flora evolved her workflow with Claude Code over the past year</p></li><li><p class="paragraph" style="text-align:left;">+ a <i>lot</i> more </p></li></ul><p class="paragraph" style="text-align:left;">Watch on <a class="link" href="https://www.youtube.com/watch?v=mdV8APhz2j4&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/3edJSitfSVo6CBAA40rXmS?si=d86f7e9ddea14859&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000757270202&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/mdV8APhz2j4" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🤝<span style="color:rgb(140, 140, 140);"> WITH </span><span style="color:rgb(140, 140, 140);"><a class="link" href="https://join.dive.club/raycast-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">RAYCAST</a></span></h6><p class="paragraph" style="text-align:left;">If you’ve been listening to this show for a bit then you’ve heard me profess my love for <a class="link" href="https://join.dive.club/raycast-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Raycast</a> multiple times by now…</p><p class="paragraph" style="text-align:left;">So I want to highlight someone who started using Raycast after hearing about it on Dive Club 👇</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#e1e1e1;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/efd81770-4395-4995-a7f6-8a94a4ab9133/Greg.png?t=1774401846"/></div><p class="paragraph" style="text-align:left;">Greg actually called it <span style="background-color:#D6FFF7;">a life-changing product</span> and said it changed his entire year 😮</p><p class="paragraph" style="text-align:left;">I can’t recommend <a class="link" href="https://join.dive.club/raycast-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Raycast</a> enough.</p><div class="image"><a class="image__link" href="https://join.dive.club/raycast-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" rel="noopener" target="_blank"><img alt="" class="image__image" style="border-radius:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;box-sizing:border-box;border-color:#E5E7EB;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/cf3aec41-682b-49da-8453-518b53e7a52d/Raycast-Dark.gif?t=1723215916"/></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">👥<b> </b><span style="color:rgb(140, 140, 140);">FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">Dive Club listeners are seriously talented</h2><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b06d321d-33be-4831-9e8e-db0fd0988c63/image.png?t=1774446084"/></div><p class="paragraph" style="text-align:left;">👆 this message is from one of my absolute favorite startups right now (pretty addicted to their product tbh).</p><p class="paragraph" style="text-align:left;">I love this screenshot because it highlights the quality of people in the <a class="link" href="https://join.dive.club/talent-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Dive Talent Network</a>. </p><p class="paragraph" style="text-align:left;">Every time I share an initial shortlist with companies they have a similar “OMG” moment lol.</p><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">What makes it unique is that companies apply to talk to </span><span style="background-color:#D6FFF7;"><i>you</i></span>… not the other way around.</p><p class="paragraph" style="text-align:left;">It’s an easy way for talented people to see what’s out there without having to be super public about it.</p><p class="paragraph" style="text-align:left;">So if you’re open to new opportunities, take a second to <a class="link" href="https://join.dive.club/talent-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">claim a spot in the new talent network</a> 💪</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://join.dive.club/talent-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed"><span class="button__text" style=""> Claim your spot → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 16.0px 0.0px;"><h2 class="heading" style="text-align:left;">Meet the Dive partners </h2><p class="paragraph" style="text-align:left;">I made a list of my favorite products and asked them to come on as sponsors of the newsletter/podcast. They said yes 🥹</p><p class="paragraph" style="text-align:left;">The #1 way to support Dive Club is to check them out👇</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/framer-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Framer</a>​ → How I build my websites</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/genway-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Genway</a> → How I do research</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/granola-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Granola</a> → How I take notes during CRIT</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/jitter-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Jitter</a>​ → How I animate my designs</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/loveable-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Lovable</a> → How I build my ideas in code </p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/mobbin-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Mobbin</a> → How I find design inspiration</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/paper-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Paper</a> → How I design like a creative</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/raycast-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Raycast</a> ​ → How I stay in flow while I work</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=johnny-appleseed" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=73a82733-e066-449a-8e8d-50d3fae85632&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 shadowfax</title>
  <description>journey to becoming an AI-native designer</description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/28916e3d-4af1-42be-9504-6497f07d26da/Kris_-_1.png" length="2589644" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/new-post-da5a</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/new-post-da5a</guid>
  <pubDate>Thu, 19 Mar 2026 15:13:59 +0000</pubDate>
  <atom:published>2026-03-19T15:13:59Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;">Today&#39;s episode is with my friend <a class="link" href="https://x.com/krispuckett?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Kris Puckett</a>.</p><p class="paragraph" style="text-align:left;">IMO his journey is the perfect example of what it looks like to lean into this moment in time with AI 👀</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a308fe49-973a-4cc2-af17-770dae5ebd54/CleanShot_2026-03-19_at_11.03.24_2x.png?t=1773932617"/></div><p class="paragraph" style="text-align:left;">His curiosity and AI experiments are a big reason why he recently landed a new role as a design manager at Stripe.</p><p class="paragraph" style="text-align:left;">So the focus of today’s episode is answering the question: <span style="background-color:#D6FFF7;">what does it look like to be an AI-native designer today</span>?</p><p class="paragraph" style="text-align:left;">Some highlights:</p><ul><li><p class="paragraph" style="text-align:left;">Behind the scenes of Kris’s <a class="link" href="https://apps.apple.com/us/app/epilogue-ambient-reading/id6751764862?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Epilogue</a> app</p></li><li><p class="paragraph" style="text-align:left;">How to create custom skills with Claude Code</p></li><li><p class="paragraph" style="text-align:left;">How to start building personal systems with AI</p></li><li><p class="paragraph" style="text-align:left;">How Kris taught Claude to be a metal shader expert</p></li><li><p class="paragraph" style="text-align:left;">Building internal tools and workflows with AI at Stripe</p></li><li><p class="paragraph" style="text-align:left;">Insights from <a class="link" href="https://heyneuma.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Kris’s new course</a> on how to think w/ Claude Code</p></li><li><p class="paragraph" style="text-align:left;">+ a lot more</p></li></ul><p class="paragraph" style="text-align:left;">Watch on <a class="link" href="https://www.youtube.com/watch?v=nPyxVMd1LIA&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Youtube</a>, <a class="link" href="https://open.spotify.com/episode/7mqtndzx6UOfBXlk2tnFjg?si=dba52140a74b4c18&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000756138119&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Apple</a> or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/nPyxVMd1LIA" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🤝<span style="color:rgb(140, 140, 140);"> WITH </span><span style="color:rgb(140, 140, 140);"><a class="link" href="https://join.dive.club/jitter-primary-email-march19?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">JITTER</a></span></h6><p class="paragraph" style="text-align:left;">Jitter just released <span style="background-color:#D6FFF7;">Image to Video</span> and it’s a pretty big deal.</p><p class="paragraph" style="text-align:left;">All you have to do is upload an asset and <a class="link" href="https://join.dive.club/jitter-primary-email-march19?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Jitter</a> will instantly generate a short video clip from it with the help of AI ✨</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6c8afe26-b6a1-4068-b801-6116f174e594/image-to-video_16.9-ezgif.com-optimize.gif?t=1773850671"/></div><p class="paragraph" style="text-align:left;">It’s an easy way to add motion and depth to static backgrounds, create little clips for brand visuals and make any scene feel more alive with subtle movement.</p><p class="paragraph" style="text-align:left;">It’s super fun to play with and available today, just click the link to get started 👇</p><div class="image"><a class="image__link" href="https://join.dive.club/jitter-primary-email-march19?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" rel="noopener" target="_blank"><img alt="" class="image__image" style="border-radius:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;box-sizing:border-box;border-color:#E5E7EB;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ee62ad64-f242-46f8-92ae-2f00f666bc59/Jitter-Dark__1_.gif?t=1723215485"/></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">A collection of Soulful websites</h2><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/fa71c55a-32ec-4f9f-8c56-2ff6899b2bd4/CleanShot_2026-03-18_at_13.16.34.gif?t=1773854242"/><div class="image__source"><span class="image__source_text"><p><a class="link" href="https://lelezhang.design/draw?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">An interactive sketch canvas by Lele Zhang</a></p></span></div></div><div class="blockquote"><blockquote class="blockquote__quote"></blockquote></div><p class="paragraph" style="text-align:left;">That’s one of my favorite quotes from <a class="link" href="https://www.youtube.com/watch?v=nPyxVMd1LIA&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">this week’s episode</a> with Kris Puckett.</p><p class="paragraph" style="text-align:left;">Right on queue, <a class="link" href="https://x.com/floguo?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Flo Guo</a> dropped a collection of soulful websites for inspiration. It’s definitely worth a bookmark 👇</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://app.paradigmai.com/sheets/76210606-6ce4-4ccc-a005-fb1cf6984a45?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax"><span class="button__text" style=""> View more → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<b> </b><span style="color:rgb(140, 140, 140);">FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">Designing a slider for feeling</h2><p class="paragraph" style="text-align:left;">Here’s another design project that is <span style="background-color:#D6FFF7;">dripping in soul…</span></p><p class="paragraph" style="text-align:left;"><a class="link" href="https://x.com/rajavijayaraman?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Raja</a> obsessed over the smallest detail of the new Ferrari UI design and ran with it in this exploration 👇</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/14c7cd1c-3eb6-44b3-bcce-14939560456c/CleanShot2026-03-18at12.57.23-ezgif.com-video-to-gif-converter.gif?t=1773853385"/></div><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://x.com/rajavijayaraman/status/2024146429984620641?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax"><span class="button__text" style=""> Read the full article → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<b> </b><span style="color:rgb(140, 140, 140);">FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">State of prototyping survey</h2><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/983cd81c-7b4c-4413-8f40-f03b60944020/CleanShot_2026-03-19_at_11.11.19_2x.png?t=1773933090"/></div><p class="paragraph" style="text-align:left;">The practice of design is changing rapidly.</p><p class="paragraph" style="text-align:left;">So I’m particularly interested in the results for this latest UX Tools survey.</p><p class="paragraph" style="text-align:left;">Take ~30s and fill it out will ya?</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://survey.uxtools.co/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax"><span class="button__text" style=""> Take the survey → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ Marker background fills</h5><p class="paragraph" style="text-align:left;">Visual languages like this make me smile :)</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:1px;box-sizing:border-box;border-color:#EBF0EF;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/51036ff9-1a79-4293-8a00-b6e2e6ce30ef/IMG_9963.jpeg?t=1773853677"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.doanything.com/landing?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Wist Website</h5><p class="paragraph" style="text-align:left;">There’s not even one detail that stands out on the Wist website. <span style="background-color:#D6FFF7;">It’s just good design top to bottom.</span></p><p class="paragraph" style="text-align:left;">Definitely worth a scroll.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/3367f0d8-0c9c-48ef-85d3-a5372293b6e8/CleanShot_2026-03-18_at_13.09.10_2x.png?t=1773853767"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.wist.chat/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ Whilst website</h5><p class="paragraph" style="text-align:left;">I saved this layout recently. Big fan of how the mockup breaks the frame of the circle. Also the background image subtly moves with your cursor which is a nice touch.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/59038e3c-9238-4114-be98-d8bb14b6b69c/CleanShot_2026-03-18_at_10.52.09_2x.png?t=1773853907"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://whilst.app/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Check it out</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 16.0px 0.0px;"><h2 class="heading" style="text-align:left;">Meet the Dive partners </h2><p class="paragraph" style="text-align:left;">I made a list of my favorite products and asked them to come on as sponsors of the newsletter/podcast. They said yes 🥹</p><p class="paragraph" style="text-align:left;">The #1 way to support Dive Club is to check them out👇</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/framer-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Framer</a>​ → How I build my websites</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/genway-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Genway</a> → How I do research</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/granola-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Granola</a> → How I take notes during CRIT</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/jitter-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Jitter</a>​ → How I animate my designs</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/loveable-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Lovable</a> → How I build my ideas in code </p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/mobbin-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Mobbin</a> → How I find design inspiration</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/paper-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Paper</a> → How I design like a creative</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/raycast-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Raycast</a> ​ → How I stay in flow while I work</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=shadowfax" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=2308553a-7067-4dfa-8d0b-96e45c992c8c&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 fidgetability</title>
  <description>crafting interfaces with uncommon care </description>
  <link>https://dive-club.beehiiv.com/p/fidgetability</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/fidgetability</guid>
  <pubDate>Thu, 12 Mar 2026 13:46:40 +0000</pubDate>
  <atom:published>2026-03-12T13:46:40Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;">What does it look like to demonstrate <span style="background-color:#D6FFF7;">uncommon care</span> in the way you design and build an interface?</p><p class="paragraph" style="text-align:left;">That’s what today’s episode with the one and only <a class="link" href="https://x.com/joshpuckett?lang=en&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Josh Puckett</a> is all about.</p><p class="paragraph" style="text-align:left;">Josh has has spent nearly two decades designing products like Wealthfront, Dropbox and helping dozens of startups.</p><p class="paragraph" style="text-align:left;">And recently he released <a class="link" href="https://www.interfacecraft.dev/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Interface Craft</a> which is a library of everything he&#39;s learned about sweating the finer details of design👇</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a19aab9a-6b09-4443-bff1-5646cc7a36e8/CleanShot_2026-03-12_at_09.34.02_2x.png?t=1773322457"/></div><p class="paragraph" style="text-align:left;">Some highlights:</p><ul><li><p class="paragraph" style="text-align:left;">Josh’s principles for great design</p></li><li><p class="paragraph" style="text-align:left;">Morphing strategies for micro-interactions</p></li><li><p class="paragraph" style="text-align:left;">How the value proposition of design is shifting</p></li><li><p class="paragraph" style="text-align:left;">He builds a custom pattern generator on the fly</p></li><li><p class="paragraph" style="text-align:left;">How Josh makes storyboards to collaborate with AI</p></li><li><p class="paragraph" style="text-align:left;">Walks us through how he designed the onboarding flow</p></li><li><p class="paragraph" style="text-align:left;">+ a <i>lot</i> more</p></li></ul><p class="paragraph" style="text-align:left;">Watch on <a class="link" href="https://www.youtube.com/watch?v=wym3V9FycTk&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/4PpGGYqrAr1p9ddzniVeGr?si=5250574178d345f4&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000754842397&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/wym3V9FycTk" width="100%"></iframe><p class="paragraph" style="text-align:left;">And if you want to join me in the library, you can <span style="background-color:#D6FFF7;">use this code for 20% off Interface Craft: </span><span style="background-color:#D6FFF7;"><a class="link" href="https://www.interfacecraft.dev/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">DIVE20</a></span></p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🤝<span style="color:rgb(140, 140, 140);"> WITH </span><span style="color:rgb(140, 140, 140);"><a class="link" href="https://join.dive.club/framer-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">FRAMER</a></span></h6><p class="paragraph" style="text-align:left;">If you’re still designing in Figma and rebuilding in Framer, you’re doing twice the work.</p><p class="paragraph" style="text-align:left;">With Framer’s <a class="link" href="https://join.dive.club/framer-design-pages?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Design Pages</a>, you no longer need to jump between tools. The last page I made for the Dive Website I explored entirely in Framer.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/5a371337-b37d-4857-9b18-4ef19c461f93/unnamed.gif?t=1773253877"/></div><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">You can sketch, iterate, structure, and publish to the web all from the same place.</span> </p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/framer-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Framer</a> isn’t just a site builder. It’s a design tool for your entire workflow and you can start creating for free today 👇</p><div class="image"><a class="image__link" href="https://join.dive.club/framer-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/802a957e-0704-4fa6-9c01-63de1bb82b1f/Framer-Dark-4.gif?t=1723214764"/></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">Details that make interfaces feel better</h2><p class="paragraph" style="text-align:left;">Great interfaces rarely come from a single thing. It&#39;s usually a collection of small things that compound into a great experience.</p><p class="paragraph" style="text-align:left;">So here are a few small details that <a class="link" href="https://x.com/jakubkrehel?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Jakub Krehel</a> uses to make interfaces feel better 👇</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/df9f379e-86ee-4d65-91c8-c8a55417e138/CleanShot_2026-03-11_at_15.03.47_2x.png?t=1773255875"/></div><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://jakub.kr/writing/details-that-make-interfaces-feel-better?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability"><span class="button__text" style=""> Check it out → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<b> </b><span style="color:rgb(140, 140, 140);">FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">Define app demo from Oguz</h2><p class="paragraph" style="text-align:left;">I’ve been saving bits and pieces from <a class="link" href="https://x.com/oguzyagizkara?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Oguz’s</a> latest work on <a class="link" href="https://define.app/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Define</a>.</p><p class="paragraph" style="text-align:left;">But now we have an entire demo to play with and there are a <i>ton</i> of gorgeous design details in here.</p><p class="paragraph" style="text-align:left;">Highly recommend taking a few minutes to study it 👇</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9038dddd-e383-4896-bd01-2ee8c9c1cdf7/CleanShot2026-03-11at15.14.00-ezgif.com-video-to-gif-converter.gif?t=1773256658"/></div><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://demo.define.app/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability"><span class="button__text" style=""> Explore more → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<b> </b><span style="color:rgb(140, 140, 140);">FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">Creating an impossible button effect in Paper</h2><p class="paragraph" style="text-align:left;">I recently shared <a class="link" href="https://x.com/ridd_design/status/2029958218164883561?s=20&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">my aha moment with Paper</a> and it looks like <a class="link" href="https://x.com/ArynaDesigns?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Aryna</a> recently had hers as well.</p><p class="paragraph" style="text-align:left;">If you’re interested in what shaders unlock in your design workflow then you’ll enjoy this little tutorial 👇</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/eb5474a8-115f-439b-afd8-6f015ef71117/CleanShot2026-03-11at15.19.18-ezgif.com-video-to-gif-converter.gif?t=1773256929"/></div><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://x.com/ArynaDesigns/status/2028335133900832770?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability"><span class="button__text" style=""> Check it out → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ Color inspiration</h5><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.dive.club/deep-dives/jamey-gannon?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Jamey Gannon</a> recently highlighted this <a class="link" href="https://work.lalibertad.studio/joytoy?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">color palette</a> so I saved it to my own taste library :)</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:1px;box-sizing:border-box;border-color:#EBF0EF;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/3bf11d61-6080-47ab-ac39-e422f6059f31/CleanShot_2026-03-03_at_15.14.36_2x.png?t=1773267843"/></div><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Craft feature cards</h5><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/922976c8-b132-495e-b6ec-05411bfe5896/CleanShot_2026-03-05_at_10.19.36_2x.png?t=1773268291"/></div><p class="paragraph" style="text-align:left;">Everything that comes out of Craft is gorgeous (<a class="link" href="https://www.dive.club/deep-dives/balint-orosz?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">interview ICYMI</a>) and these cards are no exception.</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.craft.do/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ Highlighting value props in a sentence</h5><p class="paragraph" style="text-align:left;">I like this detail on the <a class="link" href="https://interfere.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Interfere</a> website where a single phrase is highlighted at a time.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9c94f21b-0edd-45f8-872f-cb820d6cd194/CleanShot_2026-03-03_at_17.09.52_2x.png?t=1773268491"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://interfere.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Check it out </a>→</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 16.0px 0.0px;"><h2 class="heading" style="text-align:left;">Meet the Dive partners </h2><p class="paragraph" style="text-align:left;">I made a list of my favorite products and asked them to come on as sponsors of the newsletter/podcast. They said yes 🥹</p><p class="paragraph" style="text-align:left;">The #1 way to support Dive Club is to check them out👇</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/framer-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Framer</a>​ → How I build my websites</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/genway-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Genway</a> → How I do research</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/granola-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Granola</a> → How I take notes during CRIT</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/jitter-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Jitter</a>​ → How I animate my designs</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/loveable-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Lovable</a> → How I build my ideas in code </p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/mobbin-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Mobbin</a> → How I find design inspiration</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/paper-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Paper</a> → How I design like a creative</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/raycast-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Raycast</a> ​ → How I stay in flow while I work</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=fidgetability" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=d471606f-59bb-4d54-9998-0754856613ab&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 agentic design systems</title>
  <description>what trends this Figma designer advocate is seeing</description>
      <enclosure url="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8ebfef1e-76b0-4262-8c6c-b70e9158967d/Luis_-1.png" length="2639257" type="image/png"/>
  <link>https://dive-club.beehiiv.com/p/agentic-design-systems</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/agentic-design-systems</guid>
  <pubDate>Tue, 10 Mar 2026 14:18:44 +0000</pubDate>
  <atom:published>2026-03-10T14:18:44Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;">Remember when <a class="link" href="https://x.com/disco_lu?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Luis Ouriach</a> joined the podcast a couple of years ago to talk about design systems and Figma variables?</p><p class="paragraph" style="text-align:left;">It feels like the world of design systems has been flipped upside down since then.</p><p class="paragraph" style="text-align:left;">One of the clearest trends I’ve noticed in the last ~6 months of episodes is that leaders are waking up to the fact that design systems are <i>much more</i> important in an AI world.</p><p class="paragraph" style="text-align:left;">So I wanted to take advantage of Luis’s role as a designer advocate at Figma because he&#39;s constantly <span style="background-color:#D6FFF7;">helping teams navigate the rapidly changing landscape of design systems</span>.</p><p class="paragraph" style="text-align:left;">Some highlights from our convo:</p><ul><li><p class="paragraph" style="text-align:left;">How design systems are changing with AI</p></li><li><p class="paragraph" style="text-align:left;">Luis’s ideas around agentic design systems</p></li><li><p class="paragraph" style="text-align:left;">Pitfalls to avoid when adopting AI with your team</p></li><li><p class="paragraph" style="text-align:left;">What trends we can ignore vs. what is really important</p></li><li><p class="paragraph" style="text-align:left;">Luis’s journey as a builder and his career plan moving forward</p></li><li><p class="paragraph" style="text-align:left;">What Figma&#39;s new integration with Claude and Codex unlocks</p></li><li><p class="paragraph" style="text-align:left;">+ a <i>lot</i> more</p></li></ul><p class="paragraph" style="text-align:left;">Listen on <a class="link" href="https://www.youtube.com/watch?v=Pn2G7JhxNKc&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">YouTube</a>, <a class="link" href="https://open.spotify.com/episode/6di4quNE1SxUdVp6cmAFOd?si=b4c0e3bac47f47e4&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, <a class="link" href="https://podcasts.apple.com/us/podcast/dive-club/id1686414242?i=1000754463721&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Apple</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/Pn2G7JhxNKc" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🤝<span style="color:rgb(140, 140, 140);"> WITH </span><span style="color:rgb(140, 140, 140);"><a class="link" href="https://join.dive.club/loveable-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">LOVABLE</a></span></h6><p class="paragraph" style="text-align:left;">An even smarter version of <a class="link" href="https://join.dive.club/loveable-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Lovable</a> just released…</p><p class="paragraph" style="text-align:left;">It’s 71% better at solving complex tasks which means it can do more work, more autonomously.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/675756a8-75f4-4fa1-83ce-6845321064e5/unnamed.gif?t=1773075508"/></div><p class="paragraph" style="text-align:left;">There’s more intelligent planning and prompt queueing so you can stack requests while <a class="link" href="https://join.dive.club/loveable-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Lovable</a> works.</p><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">And my favorite part: automated testing.</span></p><p class="paragraph" style="text-align:left;">Lovable now tests your apps like a real user. It opens its own browser, navigates flows, investigates edge case and catches bugs for you. And when it finds problems it fixes them on the spot.</p><p class="paragraph" style="text-align:left;">I genuinely believe Lovable is the easiest way to build software. Click the link to try the new release 👇</p><div class="image"><a class="image__link" href="https://join.dive.club/loveable-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/872fe940-40a7-49aa-84f0-3bf88e4f0d33/Lovable-2-dark-blue.gif?t=1773075867"/></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 16.0px 0.0px;"><h2 class="heading" style="text-align:left;">Meet the Dive partners </h2><p class="paragraph" style="text-align:left;">I made a list of my favorite products and asked them to come on as sponsors of the newsletter/podcast. They said yes 🥹</p><p class="paragraph" style="text-align:left;">The #1 way to support Dive Club is to check them out👇</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/framer-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Framer</a>​ → How I build my websites</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/genway-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Genway</a> → How I do research</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/granola-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Granola</a> → How I take notes during CRIT</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/jitter-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Jitter</a>​ → How I animate my designs</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/loveable-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Lovable</a> → How I build my ideas in code </p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/mobbin-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Mobbin</a> → How I find design inspiration</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/paper-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Paper</a> → How I design like a creative</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/raycast-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Raycast</a> ​ → How I stay in flow while I work</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=agentic-design-systems" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=75c2edf0-0414-4be9-bb79-fde14f5c2d08&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

      <item>
  <title>🤿 timely truths</title>
  <description>how an AI-native design org operates</description>
  <link>https://dive-club.beehiiv.com/p/new-post-70fe</link>
  <guid isPermaLink="true">https://dive-club.beehiiv.com/p/new-post-70fe</guid>
  <pubDate>Thu, 05 Mar 2026 13:28:50 +0000</pubDate>
  <atom:published>2026-03-05T13:28:50Z</atom:published>
    <dc:creator>Ridd</dc:creator>
  <content:encoded><![CDATA[
    <div class='beehiiv'><style>
  .bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #ebf0ef; }
  .bh__table_cell { padding: 5px; background-color: #FFFFFF; }
  .bh__table_cell p { color: #091314; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
  .bh__table_header { padding: 5px; background-color:#f7faf9; }
  .bh__table_header p { color: #091314; font-family:'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; }
</style><div class='beehiiv__body'><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:0.0px 0.0px 12.0px 0.0px;"><div class="image"><img alt="" class="image__image" style="border-radius:20px 20px 0px 0px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a21bcd1-70ac-4115-88f5-40c0bd12007c/dive-banner-top-opt.png?t=1723110546"/></div><p class="paragraph" style="text-align:left;">Last week <a class="link" href="https://x.com/jack/status/2027129697092731343?s=20&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">@jack broke Twitter</a> by saying Block is downsizing because of AI. </p><p class="paragraph" style="text-align:left;">And honestly… I wasn’t surprised at all 😬</p><p class="paragraph" style="text-align:left;">I had just interviewed Cash App’s Head of Product Design (<a class="link" href="https://x.com/camworboys?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Cameron Worboys</a>) and the way that team operates is about as AI-native as I’ve ever seen.</p><p class="paragraph" style="text-align:left;">Everyone is shipping. They’re obsessed with personalized software. Most process has been cut. They even ditched the engineering/product/design labels 😮</p><p class="paragraph" style="text-align:left;">IMO it’s a pretty fascinating glimpse at where this could all be headed…</p><p class="paragraph" style="text-align:left;">So I <i>highly</i> encourage listening to this week’s episode. Cam brings the energy but <span style="background-color:#D6FFF7;">he also drops some timely truths that I think every designer needs to hear</span>.</p><p class="paragraph" style="text-align:left;">Some of my favorite highlights:</p><ul><li><p class="paragraph" style="text-align:left;">The new archetypes of designers</p></li><li><p class="paragraph" style="text-align:left;">Cam&#39;s vision for bespoke software</p></li><li><p class="paragraph" style="text-align:left;">The #1 trait that Cam looks for in design hires</p></li><li><p class="paragraph" style="text-align:left;">How &gt;90% of designers at Cash are shipping PRs</p></li><li><p class="paragraph" style="text-align:left;"><span style="background-color:#D6FFF7;">What to do if you don&#39;t want to become an IC builder</span></p></li><li><p class="paragraph" style="text-align:left;">How to create an emotional attachment to your product</p></li><li><p class="paragraph" style="text-align:left;">How Cash has replaced the old engineering/product/design triad</p></li></ul><p class="paragraph" style="text-align:left;">Listen on <a class="link" href="https://www.youtube.com/watch?v=KH9GBasDTI8&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Youtube</a>, <a class="link" href="https://open.spotify.com/episode/6ETe0DPm9tKxHSqB9KcKT0?si=f938f655c3824c43&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Spotify</a>, or wherever you get your podcasts 👇</p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" class="youtube_embed" frameborder="0" height="100%" src="https://youtube.com/embed/KH9GBasDTI8" width="100%"></iframe></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🤝<span style="color:rgb(140, 140, 140);"> WITH </span><span style="color:rgb(140, 140, 140);"><a class="link" href="https://join.dive.club/granola-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">GRANOLA</a></span></h6><p class="paragraph" style="text-align:left;">You know what I’m excited about?</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/granola-mcp?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">The Granola MCP</a> 😏</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#e2e2e2;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/f9f0f313-06b7-4bc5-afa8-9e8ab3baf1ac/unnamed.gif?t=1772590589"/></div><p class="paragraph" style="text-align:left;">It allows you to <span style="background-color:#D6FFF7;">connect your AI tools directly to your </span><span style="background-color:#D6FFF7;"><a class="link" href="https://join.dive.club/granola-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Granola</a></span><span style="background-color:#D6FFF7;"> meeting notes.</span> And as someone who has been vibe coding a lot of tools recently… this release is a big deal.</p><p class="paragraph" style="text-align:left;">My meeting notes are some of the most valuable context I have and now I can find specific topics, pull out action items, and get any question answered based on my meeting history.</p><p class="paragraph" style="text-align:left;">This is all available today and I’m already building with it like crazy.</p><p class="paragraph" style="text-align:left;">Click the link if you want to get started 👇</p><div class="image"><a class="image__link" href="https://join.dive.club/granola-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/4df87a1d-91cf-47d0-a40c-a47b0c896f83/Granola-Dark-Blue-copy.gif?t=1772588650"/></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<span style="color:rgb(140, 140, 140);"> FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">DesignJoy Figma file</h2><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/117d27d0-5426-4c4f-b9f6-026ec91039d9/CleanShot_2026-03-01_at_19.53.04_2x.png?t=1772628496"/></div><p class="paragraph" style="text-align:left;">Love him or hate him, <a class="link" href="https://x.com/BrettFromDJ?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Brett</a> is one of the most talented visual designers in the game (even if his groups and rectangles stress me out).</p><p class="paragraph" style="text-align:left;">He just dropped a client Figma file and it’s definitely worth a scroll 👇</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://www.figma.com/design/MfrWxYkDbYYx3GcctZglRO/PC-tool?node-id=0-1&t=prD5hhUPlsW63oPJ-1&utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths"><span class="button__text" style=""> Check it out → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<b> </b><span style="color:rgb(140, 140, 140);">FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">How Martin built the new Equals website with AI</h2><p class="paragraph" style="text-align:left;">I’ve always appreciated the <a class="link" href="https://equals.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Equals</a> brand. So today I want to share a little behind-the-scenes of how their designer <a class="link" href="https://x.com/martinrariga?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Martin</a> used Claude, Cursor, and Figma to build their new website.</p><p class="paragraph" style="text-align:left;">He admits that at first he was pretty intimidated by using Claude Code but how after two weeks it became one of his favorite tools 👇</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/bc4c53f5-defb-45de-b9ca-ab3d272f982b/Martin.png?t=1772661427"/></div><p class="paragraph" style="text-align:left;"></p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://www.dive.club/ideas/how-martin-built-the-new-equals-website-with-ai?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths"><span class="button__text" style=""> Read the full article → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🔗<b> </b><span style="color:rgb(140, 140, 140);">FEATURED RESOURCE</span></h6><h2 class="heading" style="text-align:left;">ui-skills</h2><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/13071930-8b14-4ebb-8da6-3f2f8ec28209/CleanShot2026-03-04at07.59.51-ezgif.com-optimize.gif?t=1772629380"/></div><p class="paragraph" style="text-align:left;">I recently stumbled across <a class="link" href="https://ibelick.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Julien Thibeaut</a> who runs a design engineering studio called <a class="link" href="https://interfaceoffice.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Interface Office</a>.</p><p class="paragraph" style="text-align:left;">He has a project called “<a class="link" href="https://www.ui-skills.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">UI Skills</a>” which is a set of skills to polish interfaces built by agents which I bookmarked immediately.</p><div class="button" style="text-align:center;"><a target="_blank" rel="noopener nofollow noreferrer" class="button__link" style="" href="https://x.com/Ibelick/status/2014352585008742809?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths"><span class="button__text" style=""> Bookmark it → </span></a></div></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 12.0px 0.0px;"><h6 class="heading" style="text-align:left;">🧃<span style="color:rgb(140, 140, 140);"> INSPIRATION JUICE</span></h6><h2 class="heading" style="text-align:left;">3 things I saved this week</h2><h5 class="heading" style="text-align:left;">1️⃣ Jobs carousel</h5><p class="paragraph" style="text-align:left;">The jobs carousel on the new SIP website is ridiculously good</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:1px;box-sizing:border-box;border-color:#EBF0EF;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/431b68bf-99c4-41d1-8004-1f0830108e7d/CleanShot_2026-02-26_at_18.17.14_2x.png?t=1772630611"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.spottedinprod.com/jobs?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;"><span style="color:inherit;">2️⃣ </span>Prime UI’s feature cards</h5><p class="paragraph" style="text-align:left;">I love these feature cards on the new Prime UI website. The way the green inner shadow creates the tunnel effect is gorgeous.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/95e595de-2e09-44fa-ae3a-8de1cb072487/CleanShot_2026-02-16_at_10.56.57_2x.png?t=1772630728"/></div><p class="paragraph" style="text-align:left;"><a class="link" href="https://primeui.com/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p><hr class="content_break"><h5 class="heading" style="text-align:left;">3️⃣ Granola how it works cards</h5><p class="paragraph" style="text-align:left;">Are these Granola cards the sexiest UI in the world? Nope.</p><p class="paragraph" style="text-align:left;">But they do a few things that I love:</p><ol start="1"><li><p class="paragraph" style="text-align:left;">It’s a single sentence instead of a title + description (that I’ll ignore)</p></li><li><p class="paragraph" style="text-align:left;">The highlighted words tell the story by themselves</p></li></ol><p class="paragraph" style="text-align:left;">This is about as clear and skimmable as it gets.</p><div class="image"><img alt="" class="image__image" style="border-radius:20px;border-style:solid;border-width:2px;box-sizing:border-box;border-color:#e6e6e6;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/89d1bc31-b194-42ef-953b-9d5e3aa57b14/CleanShot_2026-02-02_at_15.52.38_2x.png?t=1772630986"/></div><p class="paragraph" style="text-align:left;">btw they are hiring a product designer right now through the <a class="link" href="https://join.dive.club/talent-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Dive Club Talent Network</a> 👀</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://www.granola.ai/?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">See it live</a> →</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:16.0px 0.0px 16.0px 0.0px;"><h2 class="heading" style="text-align:left;">Meet the Dive partners </h2><p class="paragraph" style="text-align:left;">I made a list of my favorite products and asked them to come on as sponsors of the newsletter/podcast. They said yes 🥹</p><p class="paragraph" style="text-align:left;">The #1 way to support Dive Club is to check them out👇</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/framer-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Framer</a>​ → How I build my websites</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/genway-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Genway</a> → How I do research</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/granola-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Granola</a> → How I take notes during CRIT</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/jitter-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Jitter</a>​ → How I animate my designs</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/loveable-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Lovable</a> → How I build my ideas in code </p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/mobbin-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Mobbin</a> → How I find design inspiration</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/paper-ad-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Paper</a> → How I design like a creative</p><p class="paragraph" style="text-align:left;"><a class="link" href="https://join.dive.club/raycast-list-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Raycast</a> ​ → How I stay in flow while I work</p></div><div class="section" style="background-color:#ffffff;border-color:#EBF0EF;border-radius:24px;border-style:solid;border-width:1px;margin:16.0px 16.0px 16.0px 16.0px;padding:24.0px 0.0px 20.0px 0.0px;"><p class="paragraph" style="text-align:left;">Thanks for reading! I&#39;m working hard to bring you the best design resources on the planet 🫶</p><p class="paragraph" style="text-align:left;">If you want to go even deeper you can always:</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.dive.club/episodes?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Read all ​ideas</a>​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://www.youtube.com/channel/UCkCnraWwlnBw1_i7C9-3p0w?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Watch all ​episodes</a> ​</p><p class="paragraph" style="text-align:left;">☞ <a class="link" href="https://join.dive.club/fa-signoff-email?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">Learn ​advanced design tactics​</a></p><table width="58%" class="bh__column_wrapper"><tr><td width="18%" class="bh__column"><div class="image"><img alt="" class="image__image" style="border-radius:100px;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad25426-74a0-4d5e-8418-904d161573f7/ridd-avatar.png?t=1723213593"/></div></td><td width="40%" class="bh__column"><p class="paragraph" style="text-align:left;"><br><b>See you next week</b> ✌️<b> </b><br><span style="color:rgb(140, 140, 140);">- Ridd</span></p></td></tr></table><hr class="content_break"><p class="paragraph" style="text-align:center;"> P.S. if you were forwarded this email you can <a class="link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" target="_blank" rel="noopener noreferrer nofollow">​subscribe here</a></p></div><div class="image"><a class="image__link" href="https://www.dive.club/deep-dives?utm_source=dive-club.beehiiv.com&utm_medium=newsletter&utm_campaign=timely-truths" rel="noopener" target="_blank"><img alt="" class="image__image" style="" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c2c7a363-df9f-49e3-a282-841748c6bf68/Dive_Wordmark.png?t=1723131609"/></a></div></div><div class='beehiiv__footer'><br class='beehiiv__footer__break'><hr class='beehiiv__footer__line'><a target="_blank" class="beehiiv__footer_link" style="text-align: center;" href="https://www.beehiiv.com/?utm_campaign=2d46c558-ebf2-48ce-83a9-87358ccae79c&utm_medium=post_rss&utm_source=dive_club">Powered by beehiiv</a></div></div>
  ]]></content:encoded>
</item>

  </channel>
</rss>
