🟣 TOOOLS #4: Claude Design, Typescale AI, Flint, LiveKit Agents UI, Fontastic Space

<!-- ============ 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.anthropic.com/news/claude-design-anthropic-labs?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-4/claude-design.jpg" alt="Claude Design screenshot" width="100%" title="Claude Design" 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.anthropic.com/news/claude-design-anthropic-labs?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;line-height:21.6px;font-family:Inter, sans-serif">Claude Design</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">Claude Design turns natural-language prompts into prototypes, slides, one-pagers, and full design comps, with your design system baked in. Upload your existing files and it picks up your colors, typography, and components so every project stays on brand. An early look at what design tools become when the canvas itself starts collaborating with you, not just holding your files.</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://typescale.ai/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-4/typescale-ai-typography-scale-generator.jpg" width="80" alt="Typescale AI icon" title="Typescale AI" 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://typescale.ai/?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Typescale AI</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">Generates type scales and design tokens you can preview inside real page layouts, then hands off cleanly to your design system or dev team.</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://www.tryflint.com/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-4/flint-ai-landing-page-generator.gif" width="80" alt="Flint AI icon" title="Flint AI" 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://www.tryflint.com/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Flint</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 autonomous landing page platform that learns your brand from your homepage and ships fully coded, on-brand pages for marketing teams without involving engineering.</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://livekit.com/products/agents-ui?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-4/livekit-agents-ui-voice-component-library.jpg" width="80" alt="LiveKit Agents UI icon" title="LiveKit Agents UI" 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://livekit.com/products/agents-ui?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>LiveKit Agents UI</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 open source component library for designing voice agent interfaces, with audio visualizers, session controls, and chat ready for production.</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://fontastic.space/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-4/fontastic-space-font-pairing-tool.gif" width="80" alt="Fontastic Space icon" title="Fontastic Space" 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://fontastic.space/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Fontastic Space</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 font pairing playground that puts Google Fonts side by side, visualizes how each letterform behaves next to the others, and scores which combinations actually work.</p> </td> </tr> </tbody> </table> <!-- ============ SPOTLIGHT (PARTNER) ============ --> <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;SPOTLIGHT (PARTNER)</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://try.gamma.app/toools-newsletter" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-4/gamma.jpg" width="100%" alt="Gamma" title="Gamma" 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://try.gamma.app/toools-newsletter" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Gamma</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">Designers use Gamma to spin up presentations, sites, decks, graphics, and just about anything else, all from a single prompt. A fast way to get from idea to something shareable.</p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:21px;letter-spacing:0;color:#59566d;font-size:14px;padding-top:10px"><a target="_blank" href="https://try.gamma.app/toools-newsletter" style="mso-line-height-rule:exactly;text-decoration:underline;color:#59566d;font-size:14px;font-family:Inter, sans-serif"><strong style="font-weight:700 !important">Try for free →</strong></a></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">BOOTCAMP &nbsp;<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://medium.com/design-bootcamp/what-claude-design-actually-changes-for-designers-0c5b04fae343?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>What Claude Design actually changes for designers</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">The work that just got automated was never the most valuable work. Argues that taste, judgment, and cultural fluency are still the differentiator, and still the human's job. A grounding read if the last few weeks have felt like the floor is moving.</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="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/folder-instructions-instructions-for-system-level-ai-c6113ff78287?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Folder instructions: instructions for system-level AI</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 practical look at giving AI the context it needs up front, so you stop re-explaining yourself in every prompt. Useful for anyone setting up reusable AI instructions across a team or project.</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">ABDUZEEDO &nbsp;<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://abduzeedo.com/ai-agent-orchestration-new-design-skill?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>AI Agent Orchestration: The new Design Skill</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">Reframes orchestrating AI agents as a core design skill, since defining outcomes, anticipating edge cases, and communicating intent are exactly what designers already do every day. A practical reframe if you've been wondering where your craft fits in this shift.</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 4: 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="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/autopilot-agentic-ai-and-the-dangers-of-imperfect-metaphors-d94e96575153?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Autopilot, agentic AI, and the dangers of imperfect metaphors</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">Pushes back on the autopilot comparison for agentic AI, arguing it flattens real complexity and quietly sells math as magic. Worth reading before you borrow anyone else's framing for the agents in your own product.</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.perplexity.ai/personal-computer?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Perplexity rolls out Personal Computer for Mac, an always-on AI assistant that ties your files, apps, and browser together</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://gemini.google/mac/?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Google ships a native Gemini app for macOS with global keyboard shortcuts and on-screen context</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://openai.com/index/codex-for-almost-everything/?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>OpenAI expands Codex so it can drive your apps, generate images, remember how you work, and connect to 90+ tools</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://blog.adobe.com/en/publish/2026/04/15/introducing-firefly-ai-assistant-new-way-create-with-our-creative-agent?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Adobe's new Firefly AI Assistant runs Photoshop, Premiere, and Lightroom for you from a single conversation</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://claude.com/blog/claude-code-desktop-redesign?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Claude Code's desktop app gets rebuilt around running many things at once, so you can have several AI agents working side by side without juggling windows</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://lovable.dev/download?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Lovable launches a native Mac app with project tabs, so you can jump between side projects without losing your place</u></a></p> </td> </tr> </tbody> </table> <!-- News Item 7 --> <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.canva.com/newsroom/news/canva-create-2026-ai/?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Canva unveils AI 2.0, a conversational design platform with persistent memory and its own foundation model for design</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 PATTERN WORTH NOTICING</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">"The interesting design problem with always-on agents is not the feature list. It is the etiquette. When does the assistant step in, and when does it step back?"</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">Perplexity Personal Computer is the latest example in a wave of always-on assistants that run on a dedicated Mac mini and proactively works in the background. The hard part isn't capability, it's knowing when to be present.</p></td> </tr> </tbody> </table>