Inboxes

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;
          }
        }
  </style>
  <style>
   .wrapper {
            padding: 0 12px;
          }

          /* Superhuman selector */
          .ShadowHTML .wrapper {
            padding: 0 !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;">
   Workshop Updates, Linking Styles, Version History, and new Plugin APIs
  </div>
  <div class="email-body" dir="auto" lang="en" style="background-color:#ffffff;">
   <img alt="" src="https://inboxflows.com/_/image/http%253A%252F%252Fc.vialoops.com%252FCI0%252F0100019865def298-cd5ec98d-e886-455a-b91f-090e56b2c7b8-000000%252F8fN4wgQWNeCulwOiMN27d6krSUqr9m1JIPSxNFU84xw%253D416/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmMudmlhbG9vcHMuYyIsInRpbWUiOjE3NTQwNTU3NjguNzIyNjI1fQ:1uhq24:A7rg80s6ZUZseYNrrkRaosLkSWdjCzRRJWglE6laVYk" 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%252Fcmdsrh4kx0dsk4c0jfvexowuj%252Fcmdsrh4o40dsl4c0j8nll9x5v.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTQwNTU3NjguNzIzMjQ5Mn0:1uhq24:XTvgW0pZydDsfAbTOQvhE9qqOXqv3MbwTurpU-He2KU" 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;">
                         July was a big month—Workshop got smarter, Links can now be styled in new ways, Version History includes attribution, and Plugins are more powerful than ever. Read on for the full rundown of everything we shipped.
                        </span>
                       </h3>
                      </div>
                     </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;">
                         Workshop: Claude 4.0
                        </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;">
                        This month’s Plugin update brought big improvements to Workshop and the Plugin ecosystem. The highlight was Claude 4.0 support in Workshop. Anthropic’s most advanced AI model is now available for generating components, offering better creativity, reasoning, and code quality.
                       </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;">
                         Start generating
                        </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%252Fcmdsrh4kx0dsk4c0jfvexowuj%252Fcmdsrm18h00zt1v0ip5b4rced.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTQwNTU3NjguNzIzMzc2M30:1uhq24:5OzDQWlN4cKEiF1lJ1M__AGcZ-gfD3Iz8QmQ_fXjimk" 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;">
                         Link Decoration Styles
                        </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 redesigned Framer’s Link Styles with full support for decoration properties, giving you complete control over how your links look and behave. There’s now a dedicated Decoration panel with settings for color, style, thickness, offset, and more. These brand new properties will work anywhere, from standalone text layers to inline links from the CMS. Together with recent
                       </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;">
                         linking updates
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        like Rel Attributes and Parameter Forwarding, linking in Framer is now more powerful than ever.
                       </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%252Fcmdsrh4kx0dsk4c0jfvexowuj%252Fcmdsrnq8r0f1v4c0jf8hhdat9.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTQwNTU3NjguNzIzNDg1NX0:1uhq24:KX8FjmqQYow_DJ1MCuVDqnQWIK3UFTMbVn8CYH3A-Ig" 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;">
                         Version History Updates
                        </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’ve redesigned the Versions view—both on the Canvas and in Settings. Alongside a fresh new look, you can now see what changed in each published version. This makes it easier to compare updates. With Versions on the canvas, you can see how your site has evolved over time, and in settings, you can review changes and choose which version you’d like to deploy to your live site.
                       </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;">
                         Go back in time
                        </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%252Fcmdsrh4kx0dsk4c0jfvexowuj%252Fcmdss18mz1j761p0i6bwfsb3x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTQwNTU3NjguNzIzNjM2Mn0:1uhq24:HhXPswG9dVl6cmVwfIf_0IW6KRhYIInisKYCIMIFm2Q" 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;">
                         Plugin APIs: Context and Code
                        </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 introducing new Plugin APIs to make development more powerful and seamless. The new Context Menu APIs let you create consistent, native-feeling menus using Framer’s built-in system, whether in the plugin header or anywhere else in your interface. All plugins that handle authentication must now include a header menu with a logout option, so users can easily manage their accounts. We’re also launching the Code File APIs, which allow plugins to read, edit, and manage code files like Components and Overrides. Alongside them, the new Code Versions plugin lets users browse, preview, and restore previous versions of their code. You’ll find more details on our
                       </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;">
                         Updates Page
                        </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%252Fcmdsrh4kx0dsk4c0jfvexowuj%252Fcmdssbbck03by0r0ima8b2w56.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTQwNTU3NjguNzIzNzQ0fQ:1uhq24:dImP_ponbyJi-MG_Lu19V1lxKHrIibzN0f2wNKkrNuY" 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;">
                       <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;">
                         Search for Pages, Layers, 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;">
                        You can now search your Pages, Layers, and Assets in Framer. This makes it much easier to find what you need, especially in larger projects. Find Folders, Pages, Components, Styles, Layers, and more. You can hit ESC to clear the filtered value at any point. Navigating big websites has never been easier.
                       </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;">
                         Discover more shortcuts here
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        .
                       </span>
                       <br/>
                      </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%252Fcmdsrh4kx0dsk4c0jfvexowuj%252Fcmdssmsgu0nac4q0jgibmoy2x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTQwNTU3NjguNzIzODU0OH0:1uhq24:9vbYFt5fg8jHfc06EzvXtJiKx0aCU23k-OXGSekqyoA" 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/>
                       <span class="dark-force" style="color: #444; line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        We hope you’ve enjoyed these updates, and we have more releases in the works that we’re looking forward to sharing with you. Let us know what you think on
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline dark-force" style="color: #000000; font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         X
                        </span>
                       </a>
                       <span class="dark-force" style="color: #444; 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="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;">
                         Benjamin
                        </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>