🟣 TOOOLS #13: Framer 3.0, Hiding Elephant, Ditther, Words of Type, Storied Colors

<!-- ============ 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.framer.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-13/framer-3-0.jpg" alt="Framer 3.0, the website design and publishing tool, showing its new on-canvas AI agents and branching" 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.framer.com/?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">Framer 3.0</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">Framer is where designers build and publish real, live websites without writing a line of code, and 3.0 is its biggest leap yet. AI agents now work directly on the canvas, Branching lets you try bold ideas on a copy of your site before anything goes live, and a new creator Community gives the work somewhere to land. For anyone who designs and ships in the same place, the gap between draft and published just got a lot smaller.</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://www.hidingelephant.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-13/hiding-elephant-ai-canvas-vector-design.jpg" width="80" alt="Hiding Elephant 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://www.hidingelephant.com/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Hiding Elephant</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 AI canvas that pairs image generation with a real vector editor, brand kits, and batch workflows, so teams can create and scale on-brand visuals in one place.</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://ditther.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-13/ditther-browser-dither-pixel-effects-editor.jpg" width="80" alt="Ditther 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://ditther.com/?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Ditther</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, browser-based image editor for layering dither, halftone, ASCII, and pixel effects on any photo or video, with cinematic filters and instant export.</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://wiki.wordsoftype.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-13/words-of-type-typography-encyclopedia.gif" width="80" alt="Words of Type 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://wiki.wordsoftype.com/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Words of Type</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 multilingual encyclopedia of typographic terms, for the moments you need the exact word for a letterform detail.</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://storiedcolors.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-13/storied-colors-named-color-history-reference.jpg" width="80" alt="Storied Colors 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://storiedcolors.com/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Storied Colors</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 catalogue of named colors paired with the documented history behind each one, from Tyrian purple to YInMn blue, provenance and chemistry included.</p> </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">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/we-used-to-know-that-it-was-a-person-who-wrote-it-a321c970266f?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>We used to know that it was a person who wrote it</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 old signal that a real person wrote something is quietly vanishing. A thoughtful piece on what trust and authenticity are worth once authorship itself becomes invisible, and why that should matter to anyone whose work carries a voice.</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">ADDY OSMANI &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://addyosmani.com/blog/new-sdlc-vibe-coding/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>The new software lifecycle</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">Addy Osmani maps how building software is shifting from writing every step yourself to describing your intent and letting the system act on it. The same change is coming to design work: you steer the AI toward the outcome you want instead of producing every piece by hand.</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">NN/G &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.nngroup.com/articles/vibe-architects/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Vibe Architects: the non-coders building real AI systems</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">Nielsen Norman Group profiles a new kind of builder: people with no engineering background assembling capable AI systems through trial, error, and a lot of YouTube. A grounded look at how far intuition and persistence carry you once the tools meet you halfway.</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">ATLASSIAN &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.atlassian.com/blog/ai-at-work/atlassians-design-md-is-here-what-we-learned-testing-portable-design-context-in-practice?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Atlassian puts Google's DESIGN.md concept to the test</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">Google's DESIGN.md is a simple file that hands an AI tool your brand rules and interface context so its output stays on-brand. Atlassian tried it on real work and shares where it shines for quick prototypes and where a more dedicated setup still wins.</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://claude.com/blog/claude-design-stays-on-brand-for-daily-work?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 Design now locks to your design system across projects and edits directly on the canvas</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://news.adobe.com/news/2026/06/adobe-unveils-major-expansion?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 Firefly AI Assistant hits public beta across Photoshop, Premiere, Illustrator, and InDesign</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://www.midjourney.com/medical/blogpost?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Midjourney unveils a full-body scanner that captures MRI-quality 3D images in under 60 seconds</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://techcrunch.com/2026/06/16/spacex-to-acquire-cursor-for-60b-in-stock-days-after-blockbuster-ipo/?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>SpaceX is going to buy AI coding tool Cursor for $60 billion, days after its blockbuster IPO</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://www.framer.com/agents/external/?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Framer now lets outside AI assistants work directly on your site, no setup required</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://vercel.com/changelog/claude-design-and-vercel?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 Design can now publish a finished design to a live Vercel URL in one click</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">OBSERVATION</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">Craft now lives in judgment.</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">Open almost any tool these days and a finished, on-brand layout is seconds away. What is left for you is the oldest part of the craft: looking at it and knowing whether it is actually good.</p></td> </tr> </tbody> </table>