🟣 TOOOLS #16: Melius, Fudge, Prototo, CSS Text Effects, Miora

<!-- ============ TOOOL OF THE WEEK ============ --> <table cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="Margin:0;padding-top:0px;padding-right:0;padding-bottom:20px;padding-left:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;letter-spacing:0;color:#333333;font-size:14px"><img width="24" align="left" src="https://ik.imagekit.io/gua3dld9n/newsletter/ic-toooloftheweek.png" alt="Section Icon" title="Section Icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0"><span style="color:#7b788c;line-height:24.7px;font-family:Inter, sans-serif;font-size:13px">&nbsp; &nbsp;TOOOL OF THE WEEK</span></p> </td> </tr> </tbody> </table> <table cellspacing="0" cellpadding="0" align="center" bgcolor="#fafafe" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;border-radius:28px 28px 0 0;background-color:#fafafe;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:20px 20px 0 20px;Margin:0"> <a target="_blank" href="https://www.melius.com/?ref=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-16/melius-ai-creative-canvas-agents.jpg" alt="Melius canvas showing an AI agent routing a creative brief across image and video models" width="100%" title="Tool image" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0;border-radius:12px;max-width:544px"></a> </td> </tr> </tbody> </table> <table cellspacing="0" cellpadding="0" align="center" bgcolor="#fafafe" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;background-color:#fafafe;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:24px 22px 0 22px;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:21.6px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a target="_blank" href="https://www.melius.com/?ref=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;line-height:21.6px;font-family:Inter, sans-serif">Melius</a></strong></p> </td> </tr> </tbody> </table> <table cellspacing="0" cellpadding="0" align="center" bgcolor="#fafafe" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;background-color:#fafafe;border-radius:0 0 28px 28px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0 22px 24px 22px;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">Melius is an infinite canvas where an agent called Mel takes your brief and runs it across the best image, video, and audio models, showing every prompt along the way so you steer instead of guessing. Concept boards, campaign variants, and lookbooks take shape in one multiplayer space, with every model under one subscription instead of five separate tabs. Built for agencies and creative teams, but just as useful for a solo designer who is tired of playing model roulette.</p> </td> </tr> </tbody> </table> <!-- ============ ALSO ON THE RADAR ============ --> <table cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="Margin:0;padding-top:80px;padding-bottom:40px;padding-right:0;padding-left:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;letter-spacing:0;color:#333333;font-size:14px"><img align="left" src="https://ik.imagekit.io/gua3dld9n/newsletter/ic-ontheradar.png" width="24" alt="Section Icon" title="Section Icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0"><span style="line-height:24.7px;font-family:Inter, sans-serif;font-size:13px;color:#6f6d7f">&nbsp; &nbsp;ALSO ON THE RADAR</span></p> </td> </tr> </tbody> </table> <!-- Radar Tool 1 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td valign="top" style="padding:0;Margin:0;width:104px"> <a target="_blank" href="https://design.withfudge.com/?ref=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-16/fudge-design-inspiration-ai-agents.gif" width="80" alt="Fudge icon" title="Tool icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0;border-radius:14px"></a> </td> <td valign="top" style="padding:0;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a target="_blank" href="https://design.withfudge.com/?ref=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Fudge</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">Gives your AI tools design taste by letting them pull real typography, color palettes, and UI patterns from a library of production websites.</p> </td> </tr> </tbody> </table> <!-- Spacer between radar tools --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"><tbody><tr><td style="padding:0;Margin:0;height:40px;font-size:0;line-height:0">&nbsp;</td></tr></tbody></table> <!-- Radar Tool 2 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td valign="top" style="padding:0;Margin:0;width:104px"> <a target="_blank" href="https://prototo.app/?ref=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-16/prototo-native-ios-prototyping-claude.gif" width="80" alt="Prototo icon" title="Tool icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0;border-radius:14px"></a> </td> <td valign="top" style="padding:0;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a target="_blank" href="https://prototo.app/?ref=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Prototo</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">A free Mac app that turns prompts into real native iPhone prototypes with true native features like maps, gestures, haptics.</p> </td> </tr> </tbody> </table> <!-- Spacer between radar tools --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"><tbody><tr><td style="padding:0;Margin:0;height:40px;font-size:0;line-height:0">&nbsp;</td></tr></tbody></table> <!-- Radar Tool 3 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td valign="top" style="padding:0;Margin:0;width:104px"> <a target="_blank" href="https://text-effects.colorion.co/?ref=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-16/css-text-effects-pure-css-animations.jpg" width="80" alt="CSS Text Effects icon" title="Tool icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0;border-radius:14px"></a> </td> <td valign="top" style="padding:0;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a href="https://text-effects.colorion.co/?ref=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>CSS Text Effects</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">A free, open-source collection of animated text effects, from aurora to liquid fill, each a click away as copyable CSS or a ready-made AI prompt.</p> </td> </tr> </tbody> </table> <!-- Spacer between radar tools --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"><tbody><tr><td style="padding:0;Margin:0;height:40px;font-size:0;line-height:0">&nbsp;</td></tr></tbody></table> <!-- Radar Tool 4 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td valign="top" style="padding:0;Margin:0;width:104px"> <a target="_blank" href="https://miora.design/?ref=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-16/miora-agentic-creative-canvas-memory.gif" width="80" alt="Miora icon" title="Tool icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0;border-radius:14px"></a> </td> <td valign="top" style="padding:0;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a target="_blank" href="https://miora.design/?ref=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Miora</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">An agent canvas that takes on visuals, video, 3D, and prototypes end to end, keeps every result editable, and remembers how you like to work.</p> </td> </tr> </tbody> </table> <!-- ============ FROM THIS WEEK'S SPONSOR ============ --> <table cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="Margin:0;padding-top:80px;padding-bottom:20px;padding-right:0;padding-left:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;letter-spacing:0;color:#333333;font-size:14px"><img align="left" src="https://ik.imagekit.io/gua3dld9n/newsletter/ic-spotlight.png" width="24" alt="Section Icon" title="Section Icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0"><span style="color:#7b788c;line-height:24.7px;font-family:Inter, sans-serif;font-size:13px">&nbsp; &nbsp;FROM THIS WEEK'S SPONSOR</span></p> </td> </tr> </tbody> </table> <table bgcolor="#fafafe" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;border-radius:28px;background-color:#fafafe;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:20px;Margin:0"> <!--[if mso]><table style="width:100%" cellpadding="0" cellspacing="0"><tr><td style="width:320px" valign="top"><![endif]--> <table cellpadding="0" cellspacing="0" align="left" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;float:left" role="none"> <tbody> <tr> <td valign="top" align="center" style="padding:0;Margin:0;width:252px"> <a target="_blank" href="https://www.articos.com/" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-16/articos-ai-user-research.jpg" width="100%" alt="Articos" title="Articos" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0;border-radius:12px;max-width:100%"></a> </td> </tr> </tbody> </table> <!--[if mso]></td><td style="width:20px"></td><td style="width:204px" valign="top"><![endif]--> <!-- Mobile-only spacer --> <table class="es-desk-hidden" cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;display:none;width:100%" role="none"><tbody><tr><td style="padding:0;Margin:0;height:24px;font-size:0;line-height:0">&nbsp;</td></tr></tbody></table> <table cellpadding="0" cellspacing="0" align="right" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;float:right" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;width:232px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a href="https://www.articos.com/" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Articos</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">AI user research platform. Test ideas, positioning, and messaging with synthetic audiences in under 30 minutes.</p> </td> </tr> </tbody> </table> <!--[if mso]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> <!-- ============ A FEW READS & LISTENS ============ --> <table cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="Margin:0;padding-top:80px;padding-bottom:40px;padding-right:0;padding-left:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;letter-spacing:0;color:#333333;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/ic-readslistens.png" width="24" align="left" alt="Section Icon" title="Section Icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0"><span style="color:#7b788c;line-height:24.7px;font-family:Inter, sans-serif;font-size:13px">&nbsp; &nbsp;A FEW READS &amp; LISTENS</span></p> </td> </tr> </tbody> </table> <!-- Read 1: Article --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:16.9px;letter-spacing:0;color:#59566d;font-size:13px;padding-bottom:4px"><strong style="font-weight:700 !important">LENNY'S NEWSLETTER &nbsp;<span style="font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif">&#x1F4D6;</span> <span style="color:#759ee3">ARTICLE</span></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a target="_blank" href="https://www.lennysnewsletter.com/p/how-tech-workers-are-feeling-in-2026?ref=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>How Tech Workers Actually Feel About AI in 2026</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">Noam Segal and Lenny Rachitsky surveyed thousands of tech workers and found a workforce split in two: half feel amplified by AI, the rest conflicted or worse, with burnout up 11 points in a year. Designers and researchers report the highest anxiety of any role.</p> </td> </tr> </tbody> </table> <!-- Spacer --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"><tbody><tr><td style="padding:0;Margin:0;height:40px;font-size:0;line-height:0">&nbsp;</td></tr></tbody></table> <!-- Read 2: Article --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:16.9px;letter-spacing:0;color:#59566d;font-size:13px;padding-bottom:4px"><strong style="font-weight:700 !important">UX COLLECTIVE &nbsp;<span style="font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif">&#x1F4D6;</span> <span style="color:#759ee3">ARTICLE</span></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a target="_blank" href="https://uxdesign.cc/never-mind-the-prompts-heres-the-thinking-f4af4b92155f?ref=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Never Mind the Prompts, Here's the Thinking</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">Dan Maccarone rebuilt his studio's design process around AI for a year and reports the real payoff is not speed. It is completeness: sharper thinking earlier, fewer gaps in the work, and design and engineering finally moving in sync.</p> </td> </tr> </tbody> </table> <!-- Spacer --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"><tbody><tr><td style="padding:0;Margin:0;height:40px;font-size:0;line-height:0">&nbsp;</td></tr></tbody></table> <!-- Read 3: Article --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:16.9px;letter-spacing:0;color:#59566d;font-size:13px;padding-bottom:4px"><strong style="font-weight:700 !important">SMASHING MAGAZINE &nbsp;<span style="font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif">&#x1F4D6;</span> <span style="color:#759ee3">ARTICLE</span></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a target="_blank" href="https://www.smashingmagazine.com/2026/07/matching-ai-modality-user-intent-designing-right-interface/?ref=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Matching AI Modality to User Intent</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">Victor Yocco makes the case against defaulting every AI feature to a chat box, with a task audit and an alignment matrix for choosing voice, chat, or visual interfaces. A practical framework for the next time "add AI" lands on your roadmap.</p> </td> </tr> </tbody> </table> <!-- ============ UPDATES & NEWS ============ --> <table cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="Margin:0;padding-top:80px;padding-bottom:20px;padding-right:0;padding-left:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;letter-spacing:0;color:#333333;font-size:14px"><img align="left" src="https://ik.imagekit.io/gua3dld9n/newsletter/ic-updatesnews.png" width="24" alt="Section Icon" title="Section Icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0"><span style="color:#7b788c;line-height:24.7px;font-family:Inter, sans-serif;font-size:13px">&nbsp; &nbsp;UPDATES &amp; NEWS</span></p> </td> </tr> </tbody> </table> <!-- News Item 1 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;padding-top:20px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px"><a href="https://www.figma.com/community/feed?ref=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Figma tests Inspo, a public feed where any frame can be published in seconds and browsed for inspiration</u></a></p> </td> </tr> </tbody> </table> <!-- News Item 2 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;padding-top:20px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px"><a href="https://kittl.pxf.io/E0Gan4" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Kittl's new Agentic AI reads a plain-language brief, picks the model, writes the prompt, and returns four design variations</u></a></p> </td> </tr> </tbody> </table> <!-- News Item 3 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;padding-top:20px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px"><a href="https://claude.com/blog/cowork-web-mobile?ref=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Claude Cowork comes to web and mobile, so long-running tasks follow you across devices and keep working with the laptop closed</u></a></p> </td> </tr> </tbody> </table> <!-- News Item 4 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;padding-top:20px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px"><a href="https://openai.com/index/gpt-5-6/?ref=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>OpenAI ships GPT-5.6 in three tiers named Sol, Terra, and Luna, and design tools like Figma Make already run on it</u></a></p> </td> </tr> </tbody> </table> <!-- News Item 5 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;padding-top:20px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px"><a href="https://techcrunch.com/2026/07/07/figma-acquires-team-behind-a-vibe-coding-app/?ref=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Figma acquires the team behind vibe-coding app Bud to push deeper into AI agents, and Bud shuts down on July 18</u></a></p> </td> </tr> </tbody> </table> <!-- News Item 6 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;padding-top:20px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px"><a href="https://www.notion.com/product/ship-os?ref=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Notion introduces Ship OS, turning the product cycle from customer feedback to shipped feature into one agent-assisted flow</u></a></p> </td> </tr> </tbody> </table> <!-- ============ ONE MORE THING ============ --> <table cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="Margin:0;padding-top:80px;padding-bottom:40px;padding-right:0;padding-left:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;letter-spacing:0;color:#333333;font-size:14px"><img align="left" src="https://ik.imagekit.io/gua3dld9n/newsletter/ic-onemorething.png" width="24" alt="Section Icon" title="Section Icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0"><span style="color:#7b788c;line-height:24.7px;font-family:Inter, sans-serif;font-size:13px">&nbsp; &nbsp;ONE MORE THING ...</span></p> </td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;padding-bottom:0px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:16.9px;letter-spacing:0;color:#59566d;font-size:13px;padding-bottom:12px"><strong style="font-weight:700 !important">A CASE FOR WASTING TIME</strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px"><strong style="font-weight:700 !important">"Leave room to fool around until something clicks."</strong></p> </td> </tr> <tr> <td align="left" class="es-text-7610" style="padding:0;Margin:0;padding-top:16px"><p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">Ex-Apple designer Sebastiaan de With calls it the divine chaos: every design he ever loved came from days and nights of fooling around until something suddenly clicked. A finished draft is seconds away now, which makes play look like a waste of time. It is the opposite. Prompting with a goal produces output; fooling around produces the click.</p></td> </tr> </tbody> </table>