Inboxes List

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html dir="auto" lang="en" style="background-color: #fff;" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <title>
   Framer Monthly
  </title>
  <!--[if !mso]><!-->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!--<![endif]-->
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <style type="text/css">
   #outlook a { padding:0; }
      body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
      table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
      img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
      p { display:block;margin:13px 0; }
  </style>
  <!--[if mso]>
    <noscript>
    <xml>
    <o:OfficeDocumentSettings>
      <o:AllowPNG/>
      <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
    </xml>
    </noscript>
    <![endif]-->
  <!--[if lte mso 11]>
    <style type="text/css">
      .mj-outlook-group-fix { width:100% !important; }
    </style>
    <![endif]-->
  <style type="text/css">
   @media only screen and (min-width:480px) {
        .mj-column-per-100 { width:100% !important; max-width: 100%; }
      }
  </style>
  <style media="screen and (min-width:480px)">
   .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
  </style>
  <style type="text/css">
   @media only screen and (max-width:479px) {
      table.mj-full-width-mobile { width: 100% !important; }
      td.mj-full-width-mobile { width: auto !important; }
    }
  </style>
  <style type="text/css">
   .wfix {
          max-width: 600px !important;
        }
        
        @media(max-width: 480px) {
          .body-image-mobile-width-40 td { width: 40px !important; } .body-image-mobile-width-560 td { width: 560px !important; }
          .body-image td  { max-width: 100% !important; }
          .body-image img  { box-sizing: border-box; }
          .social-icon-mobile-spacer {
            display: inline-block !important;
          }
        }
        
    .mobile-only { display: none !important; } .desktop-only { display: block !important; }
    @media(max-width: 480px) { .column-stack { width: 100% !important; max-width: 100% !important; display: block !important; } .column-stack td,.column-stack th { padding-left: 0 !important; padding-right: 0 !important; } .mobile-only { display: block !important; } .desktop-only { display: none !important; } }
  </style>
  <style>
   .wrapper {
            padding: 0 12px;
          }

          /* Superhuman selector */
          .ShadowHTML .wrapper {
            padding: 0 !important;
          }
         
         
         
         
  .ShadowHTML :is(.styleUnquotedContent .unquoted-content, .styleUnquotedContent .sh-unquoted-content, .styleQuotedContent .sh-quoted-content, .sh-signature, .Signature-settings) :is(td.column-container, div[class^="mj-column-per-"]){font-size:0!important}
  html.sh-color :is(td.column-container, div[class^="mj-column-per-"], div.mj-column-per-100.mj-outlook-group-fix){font-size:0!important}
  @media(max-width:480px){
    html.sh-color .column-stack{width:100%!important;max-width:100%!important;display:block!important}
    html.sh-color :is(.column-stack td,.column-stack th){padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important;display:block!important}
    html.sh-color :is(.column-stack, .column-stack *){word-break:break-word!important;overflow-wrap:anywhere!important}
    html.sh-color :is(.column-persist, .column-persist *){word-break:break-word!important;overflow-wrap:anywhere!important}
  }
  html.sh-color a[href^="tel:"]{color:inherit!important;text-decoration:none!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;vertical-align:baseline!important}

         
      .isMarketing { background-color: #fff !important; }
      .isMarketing .styled-primary-column { background-color: #ffffff !important; border-radius: 0px; }
    
         
         [class~="x_social-icon-dark-mode"] { display: none !important; mso-hide:all;  width: 0px !important; padding: 0px !important; }

          /* Gmail selectors */
          u + .body .wrapper {
            padding: 0 !important;
          }
          div > u + .body .wrapper {
            padding: 0 !important;
          }
          
    a { text-decoration: none; color: #000000; }
    
  
          
          
          .link-unsubscribe { color: #9ca3af !important; }
  </style>
  <meta content="light" name="color-scheme"/>
  <meta content="light" name="supported-color-schemes"/>
 </head>
 <body class="body" style="word-spacing:normal;background-color:#ffffff;">
  <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   Design Pages, Stagger and Lightbox, Fit Image, Claude 4.5 in Workshop, Text Search Plugin, Usage Monitoring, Multi-Select for Pages and Assets, Text Truncation
  </div>
  <div aria-label="Framer Monthly" aria-roledescription="email" class="email-body" dir="auto" lang="en" role="article" style="background-color:#ffffff;">
   <img alt="" src="https://inboxflows.com/_/image/http%253A%252F%252Fc.vialoops.com%252FCI0%252F010001999b431480-797e9f3d-6467-4a06-b1f4-fee1cd372dc1-000000%252FCI0uYTJ6zrSa3scDF-ZSNjQcWvgfulLp_GkPOCoIaMA%253D424/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmMudmlhbG9vcHMuYyIsInRpbWUiOjE3NTkyNDY0OTAuNDIzMzYyM30:1v3cNO:LoBBak1OBxdCCiOe_uoIVHjUNXwQwZWNXtUZdHjAj8o" style="display: none; width: 1px; height: 1px;"/>
   <div style="display: none; max-height: 0px; overflow: hidden;">
    ͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­
   </div>
   <!--[if mso]><style type="text/css"> a { text-decoration: underline !important; } .button a { text-decoration: none !important; } .outlook-list-fix { margin-left:4px !important; } .outlook-break-full-link { word-break: break-all !important; } .outlook-hide-social-icon { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon * { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon table { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon tbody { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon tr { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon td { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon img { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon a { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; }
</style><table align="center" border="0" cellpadding="0" cellspacing="0" class="wfix-outlook gmail-no-padding-outlook wrapper-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
   <div class="wfix gmail-no-padding wrapper" style="margin:0px auto;max-width:600px;">
    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
     <tbody>
      <tr>
       <td style="direction:ltr;font-size:0px;padding:20px 0;padding-top:0;text-align:center;">
        <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="wfix-outlook" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="wfix-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
        <div class="wfix" style="margin:0px auto;max-width:600px;">
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
          <tbody>
           <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:24px;padding-left:0px;padding-right:0px;padding-top:24px;text-align:center;">
             <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td align="center" class="wfix-outlook rounded-corners-outlook styled-primary-column-outlook" style="vertical-align:top;width:600px;" ><![endif]-->
             <div class="mj-column-per-100 mj-outlook-group-fix wfix rounded-corners styled-primary-column" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: separate;" width="100%">
               <tbody>
                <tr>
                 <td style="background-color:#ffffff;border-radius:0px;vertical-align:top;padding-top:0px;padding-right:20px;padding-bottom:0px;padding-left:20px;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                   <tbody>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-40" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:40px;">
                          <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmg6hr88m1g1fv20imqf3ilmu%252Fcmg6hr8c21g1gv20i75ke29xv.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTkyNDY0OTAuNDIzODc3N30:1v3cNO:MwXdab0FOXgd3YJW5s0BtUYd1v8NxjPKPMvswYQaMdw" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="40"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         We turned September into a launch marathon packed with exciting updates. We introduced Design Pages, giving designers a fresh playground for ideas. Next came Stagger and Lightbox effects, plus Fit Image for better layouts. And to top it off, we added Claude 4.5 in Workshop, introduced a new Text Search Plugin, and shipped Usage Monitoring, Multi-Select for Pages and Assets, and Text Truncation. Read more and watch the videos to see the updates in action.
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Design Pages
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        Earlier this month we launched Design Pages, turning Framer into a true design tool. With a freeform canvas and features like vectors, P3 colors, image exporting, and advanced masking, you can explore ideas without worrying about responsiveness. Convert any iteration into a Web Page with one click, add Breakpoints, and use Wireframer side-by-side. Oh, and it’s completely free. Unlimited projects, unlimited pages.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Check it out
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        .
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmg6hr88m1g1fv20imqf3ilmu%252Fcmg6ill966h3hym0i2mcvkhuj.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTkyNDY0OTAuNDIzOTg4M30:1v3cNO:MgowVe07sdF695L2O1XWzVv0UzH7VdqfO0QKS58f0D8" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Stagger Effect
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        Introducing Stagger, a new property for Appear Effects in Framer. Stagger works on any layer within a Collection List, making it perfect for CMS-based layouts. You’ll find it in the Transition properties. It allows you to bring CMS-powered designs to life by adding sequenced animations with just one click. Enjoy a simple and intuitive editing experience for your content, while keeping the flexibility to add engaging motion.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         See it in action
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        .
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmg6hr88m1g1fv20imqf3ilmu%252Fcmg6ihibl00w6yy0imnrqnjwg.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTkyNDY0OTAuNDI0MDgzNX0:1v3cNO:k2DNPACDJGlRUJWyhbqnS_-lliWW3w_YZO2WG1u1Qgg" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Lightbox Effect
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        The Lightbox Effect is here. The easiest way to add stunning, high-fidelity lightbox interactions to your images in Framer. On click, your images will seamlessly animate from their current position to an elegant overlay. Perfect for portfolios, galleries, and visual showcases. The Lightbox Effect also works beautifully with the Framer CMS, letting you add these interactions to all images with a single click.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Watch the video overview
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        .
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmg6hr88m1g1fv20imqf3ilmu%252Fcmg6iiyzb00rr070ig6fllqtf.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTkyNDY0OTAuNDI0MTk4Mn0:1v3cNO:R8czdRZODJWy8SrOffnFN3nMKL6uCQ8rDz7eFsZzsf4" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Fit Image
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        Introducing Fit Image, a new sizing option unique to Framer. In most design tools, images have a fixed width and height you set on the canvas, so you need to match the aspect ratio of your Frame to the image source. That breaks with dynamic content, like our CMS. Fit Image adapts automatically to the width or height of uploaded images, unlocking new layouts, responsive design possibilities, and future interactions.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Find all details here
                        </span>
                        <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                         .
                        </span>
                       </a>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmg6hr88m1g1fv20imqf3ilmu%252Fcmg6ijy8357ps1f0i6cy9xega.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTkyNDY0OTAuNDI0MjkwN30:1v3cNO:vylmZpxhcOiEmPCko6lVqPfWrzF6nXy0HIlfHsI7Uts" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Claude 4.5 in Workshop
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        In a release focused on faster data and smoother workflows, Claude 4.5 now powers Workshop with smarter suggestions. Workshop now works on all code components, not just those built with it. We’ve added a root node type for Design Pages, so plugins can open there like on Pages, CMS, or in the Code Editor. Four new first-party plugins round things out: Recruitee, PR.co, 3rd-Party Optimizer, and Text Search.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Read the full update
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        .
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmg6hr88m1g1fv20imqf3ilmu%252Fcmg6iv6qr02aq0d0ioxedot9w.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTkyNDY0OTAuNDI0Mzc5Nn0:1v3cNO:qS-Uj040MBLjOhvlBsjBlVlCqXPZxG0NRvsnKoXWNHk" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Text Search Plugin
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        Text Search is here. Launching with our Navigation API release, you can search text content across your entire project: on Pages, in the CMS, or in Code Files. Text Search is a plugin that can also be launched with ⌘⇧F on Mac or Ctrl + Shift + F on Windows, just like you’re used to from other tools. This plugin showcases what’s possible with our new Navigation APIs, giving you access to everything in your project.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Learn more here
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        .
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmg6hr88m1g1fv20imqf3ilmu%252Fcmg6ixnjv02hqyk0id6cicvdv.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTkyNDY0OTAuNDI0NDY3fQ:1v3cNO:ko6UZGCoT_iAZk36B3hGMY_X8cc4l7xhP_y7krHSC5o" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Usage Monitoring
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        We introduced Usage Monitoring, a new tool that gives you full visibility into bandwidth consumption. Track daily usage over time, see which assets use the most data, and monitor consumption against plan limits, all from a single dashboard in site settings. The dashboard includes detailed breakdowns of assets, categories, and monthly comparisons. You’ll also get notifications when your site nears its bandwidth limit.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         See the full story
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        .
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmg6hr88m1g1fv20imqf3ilmu%252Fcmg6iyify02mzyk0idd4y8s0b.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTkyNDY0OTAuNDI0NTU0OH0:1v3cNO:v01ak1-HNchY9MgEIjVRTdMANCdq44SpsGl7Np3iCOk" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Rolldown Builder
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        We’re excited to share that Framer now uses Rolldown as our new high-performance bundler. This brings faster publishing, smarter code optimization, and quicker loading for returning visitors. With more efficient JavaScript bundling and improved caching, your sites load faster and scale effortlessly at any size. Plus, our partnership with Rolldown means we’re shaping the future of web performance together.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Get all the details
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        .
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmg6hr88m1g1fv20imqf3ilmu%252Fcmg6imn5s01agyk0ix8i9u5oh.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTkyNDY0OTAuNDI0NjczNn0:1v3cNO:xD5JnyHZa9uOS_GBZoqk9AdKm3KF7uVSlNLF2xOW_Y4" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Multi Select Pages and Assets
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        The September Update introduces redesigned Pages and Assets panels with multi-selection, multi-insertion, and bulk actions like drafting and deletion. You can move and change paths for multiple Pages at once, making it easier to manage larger sites. Duplicate, draft, un-draft, and delete multiple Pages in one go. Multi-Selection in Assets also simplifies organizing Components, Styles, and Vectors.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Check out the overview
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        .
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmg6hr88m1g1fv20imqf3ilmu%252Fcmg6ioc3r01h6yi0h0ul6j20y.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTkyNDY0OTAuNDI0NzYzfQ:1v3cNO:jQQ3XB82av_hY8mKjElwKHe0ImlcuWqoCgbOJrlY_9w" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Text Truncation
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        Introducing Text Truncation. This powerful new property lets you define a maximum number of lines for any Text Layer, with full support for both single and multi-line truncation. It’s a reliable way to manage dynamic content and keep even the most complex layouts under control, no matter how much text you’re working with. You’ll find the new property under the Text menu, and it fully supports Variables.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Watch the video
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        .
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmg6hr88m1g1fv20imqf3ilmu%252Fcmg6ip3lp01igzt0i6f3jz7xb.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTkyNDY0OTAuNDI0ODQ4Nn0:1v3cNO:lnxLQmK8DrUZq_Y4MTdqr0g1wdFT40m6puAyX7m9rtA" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Font and Icon Drops
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        Three new icon sets are now available in the assets panel.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Lucide
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        is an open-source library with 1600+ SVG icons, designed for clarity, consistency, and readability at any size.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Sargam
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        is a clean 24×24 set built for simplicity and flexibility.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Nonicons
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        represents programming languages, design, and development tools, perfect for dev-focused sites and docs. Plus,
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         new fonts
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        have been added to the Open Source category in the font picker.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmg6hr88m1g1fv20imqf3ilmu%252Fcmg6iaue26ql8yc0i8zvguine.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTkyNDY0OTAuNDI0OTM0MX0:1v3cNO:eGPCiuBEAaC-QEoIuoSFYZ4Q_lDuhLx7Y5oNCLWQe7o" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <br/>
                       <br/>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        That’s a wrap on September, and what a month it’s been! We’re already hard at work on the next wave of updates, and trust us, you’ll want to see what’s coming. Got ideas, feedback, or wild dreams? Drop them over on
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         X
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        and let’s make Framer better together.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        ✌️
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Edoardo
                        </span>
                       </a>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:24px;padding-right:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:12px;letter-spacing:0px;line-height:19px !important;text-align:left;color:#9ca3af;">
                       <span class="opt-in-explanation" style="color: #9ca3af !important; font-size: 12px !important; line-height: 19px !important;">
                        You are receiving this email because you opted-in to receive updates from Framer
                        <br/>
                        Framer, Rozengracht 207B 1016 LZ Amsterdam Netherlands
                        <br/>
                        <a class="bold link-unsubscribe" rel="noopener noreferrer" style="font-weight: 600; color: #9ca3af !important; text-decoration: none !important; font-size: 12px !important; line-height: 19px !important;" target="_blank">
                         Unsubscribe
                        </a>
                       </span>
                      </div>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
             </div>
             <!--[if mso | IE]></td></tr></table><![endif]-->
            </td>
           </tr>
          </tbody>
         </table>
        </div>
        <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
       </td>
      </tr>
     </tbody>
    </table>
   </div>
   <!--[if mso | IE]></td></tr></table><![endif]-->
  </div>
 </body>
</html>