Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <title>
   Figma
  </title>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <meta content="IE=Edge" http-equiv="X-UA-Compatible"/>
  <meta content="telephone=no, date=no, address=no, email=no" name="format-detection"/>
  <meta name="x-apple-disable-message-reformatting"/>
  <meta content="light dark" name="color-scheme"/>
  <meta content="light dark" name="supported-color-schemes"/>
  <style type="text/css">
   /*<![CDATA[*/
      :root {
        color-scheme: light dark;
        supported-color-schemes: light dark;
      }

      /*]]>*/
  </style>
  <style type="text/css">
   /*<![CDATA[*/
      @font-face {
        font-family: 'Whyte';
        font-style: normal;
        font-weight: normal;
        src:
          /*url(https://inboxflows.com/_/image/.eot%253F%2523iefix/?inbox_flows_img_sig=eyJwYXRoIjoiLmVvdCUzRiUyM2llZml4IiwidGltZSI6MTcxNDA0MTYwNC43OTIwMDA4fQ:1rzwWK:5tGQLMkU4SDOt6jcjvimBgo_Sc5zddhpIeXAk8BHrlQ) format('embedded-opentype'),
    url(https://inboxflows.com/_/image/.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiLndvZmYyIiwidGltZSI6MTcxNDA0MTYwNC43OTI2NzQ1fQ:1rzwWK:_LNT5DUd9qli9p8GEFuZBCVCORatcgt5SY0YX0QCcso) format('woff2'),
    url(https://inboxflows.com/_/image/.ttf/?inbox_flows_img_sig=eyJwYXRoIjoiLnR0ZiIsInRpbWUiOjE3MTQwNDE2MDQuNzkyOTE0NH0:1rzwWK:488rOsWjG0R074KAh1uuzJX39n-OQb2OKeCESbY6ncY) format('truetype'),*/
          url(https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F9254519927cf4912e61627442d7ab7a5a9226581.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuNzkzMDk3NX0:1rzwWK:gSUW1DSXLRWfNQBDiA0G3IxMVO1s7jP_KadDOyZTeHM) format('woff');
        mso-font-alt: 'Arial';
      }

      h1 {
        font-size: 32px;
        line-height: 44px;
        font-family: 'Whyte', Helvetica, Arial, sans-serif;
        color: #000000;
        text-align: left;
        font-weight: normal;
        margin: 0;
      }

      h2 {
        font-size: 28px;
        line-height: 36px;
        font-family: 'Whyte', Helvetica, Arial, sans-serif;
        color: #000000;
        text-align: center;
        font-weight: normal;
        margin: 0;
      }

      h3 {
        font-size: 20px;
        line-height: 26px;
        font-family: 'Whyte', Helvetica, Arial, sans-serif;
        color: #000000;
        text-align: left;
        font-weight: normal;
        margin: 0;
      }

      h4 {
        font-size: 18px;
        line-height: 22px;
        font-family: 'Whyte', Helvetica, Arial, sans-serif;
        color: #333333;
        font-weight: normal;
        margin: 0;
      }

      h5 {
        font-size: 20px;
        line-height: 24px;
        font-family: 'Whyte', Helvetica, Arial, sans-serif;
        color: #000000;
        font-weight: normal;
        margin: 0;
      }

      h6 {
        font-size: 20px;
        line-height: 24px;
        font-family: 'Whyte', Helvetica, Arial, sans-serif;
        color: #000000;
        font-weight: normal;
        ;
        margin: 0;
      }

      sup {
        font-size: 12px;
        color: #9747FF;
        font-weight: bold;
        font-family: 'Whyte', Helvetica, Arial, sans-serif;
        vertical-align: top;
        line-height: 0;
        mso-font-size: 12px !important;
        mso-text-raise: 40%;
      }

      a {
        outline: none;
        text-decoration: none;
      }

      a:hover {
        text-decoration: none !important;
      }

      .h-u a {
        text-decoration: underline;
      }

      .h-u a:hover,
      .active-t a:hover {
        text-decoration: none !important;
      }

      a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
      }

      .active-i a:hover,
      .active-t:hover {
        opacity: 0.85;
      }

      .active-i a,
      .active-t {
        transition: all 0.3s ease;
      }

      .link:hover {
        text-decoration: none !important;
      }

      .cta-border:hover {
        border-bottom: 1px solid transparent !important;
      }

      .fadeimg {
        transition: 0.3s !important;
        opacity: 1 !important;
      }

      .fadeimg:hover {
        transition: 0.3s !important;
        opacity: 0.9 !important;
      }

      .cta {
        transition: 0.3s !important;
      }

      a img {
        border: none;
      }

      b,
      strong {
        font-weight: 700;
      }

      p {
        margin: 0;
      }

      th {
        padding: 0;
      }

      table,
      td {
        mso-table-lspace: 0;
        mso-table-rspace: 0;
        border-spacing: 0;
        border: 0;
      }

      .ns span,
      .ns a {
        color: inherit !important;
        text-decoration: none !important;
        border: none !important;
      }

      @media only screen and (max-width:375px) and (min-width:374px) {
        .gmail-fix {
          min-width: 374px !important;
        }
      }

      @media only screen and (max-width:414px) and (min-width:413px) {
        .gmail-fix {
          min-width: 413px !important;
        }
      }

      @media screen and (max-width: 649px) {
        .w-100p {
          width: 100% !important;
        }

        .wi-100p img {
          width: 100% !important;
          height: auto !important;
          
        }

        .wi-33p img {
          width: 33% !important;
          height: auto !important;
        }

        .wi-66p img {
          width: 66% !important;
          height: auto !important;
        }

        .wi-100px img {
          width: 100px !important;
          height: auto !important;
        }

        .wi-150px img {
          width: 150px !important;
          height: auto !important;
        }

        .tflex {
          display: block !important;
          width: 100% !important;
        }


        .fs-14 {
          font-size: 14px !important;
        }

        .fs-16 {
          font-size: 16px !important;
        }

        .fs-18 {
          font-size: 18px !important;
        }

        .fs-20 {
          font-size: 20px !important;
        }

        .fs-22 {
          font-size: 22px !important;
        }

        .fs-24 {
          font-size: 24px !important;
        }

        .fs-28 {
          font-size: 28px !important;
          font-weight: bold !important;
        }


        .fs-32 {
          font-size: 32px !important;
        }

        .lh-18 {
          line-height: 18px !important;
        }

        .lh-19 {
          line-height: 19px !important;
        }

        .lh-20 {
          line-height: 20px !important;
        }

        .lh-24 {
          line-height: 24px !important;
        }

        .lh-25 {
          line-height: 25px !important;
        }

        .lh-26 {
          line-height: 26px !important;
        }

        .lh-34 {
          line-height: 34px !important;
        }

        .lh-38 {
          line-height: 38px !important;
        }

        .pt-0 {
          padding-top: 0 !important;
        }

        .pt-24 {
          padding-top: 24px !important;
        }

        .pt-40 {
          padding-top: 40px !important;
        }

        .pt-60 {
          padding-top: 60px !important;
        }

        .pt-70 {
          padding-top: 70px !important;
        }

        .pb-0 {
          padding-bottom: 0 !important;
        }

        .pb-24 {
          padding-bottom: 24px !important;
        }

        .pb-40 {
          padding-bottom: 40px !important;
        }

        .pb-60 {
          padding-bottom: 50px !important;
        }

        .pb-70 {
          padding-bottom: 70px !important;
        }

        .pl-0 {
          padding-left: 0px !important;
        }

        .pl-20 {
          padding-left: 20px !important;
        }

        .pl-35 {
          padding-left: 35px !important;
        }

        .pl-60 {
          padding-left: 60px !important;
        }

        .pr-0 {
          padding-right: 0px !important;
        }

        .pr-20 {
          padding-right: 20px !important;
        }

        .pr-35 {
          padding-right: 35px !important;
        }

        .pr-45 {
          padding-right: 45px !important;
        }

        .plr-15 {
          padding-left: 15px !important;
          padding-right: 15px !important;
        }

        .plr-20 {
          padding-left: 20px !important;
          padding-right: 20px !important;
        }

        .plr-25 {
          padding-left: 25px !important;
          padding-right: 25px !important;
        }

        .plr-30 {
          padding-left: 30px !important;
          padding-right: 30px !important;
        }

        .plr-40 {
          padding-left: 40px !important;
          padding-right: 40px !important;
        }

        .ptb-24 {
          padding-top: 24px !important;
          padding-bottom: 24px !important;
        }

        .ptb-45 {
          padding-top: 45px !important;
          padding-bottom: 45px !important;
        }

        .ptb-60 {
          padding-top: 60px !important;
          padding-bottom: 60px !important;
        }
      }

      /*]]>*/
  </style>
  <style type="text/css">
   /*<![CDATA[*/
      @media (prefers-color-scheme: dark) {

        /* Shows Dark Mode-Only Content, Like Images */
        .dark-img {
          display: block !important;
          width: auto !important;
          overflow: visible !important;
          float: none !important;
          max-height: inherit !important;
          max-width: inherit !important;
          line-height: auto !important;
          margin-top: 0px !important;
          visibility: inherit !important;
        }

        /* Hides Light Mode-Only Content, Like Images */
        .light-img {
          display: none;
          display: none !important;
        }

        /* Custom Dark Mode Background Color */
        .darkmode {
          background-color: #000000 !important;
        }

        /* Custom Dark Mode Font Colors */
        h1,
        h2,
        h3,
        h4,
        h5,
        p,
        ul,
        li {
          color: #fdfdfd !important;
        }

        h6 {
          color: #F79CFF !important;
        }

        span {
          color: #fdfdfd !important;
        }

        a {
          color: #fdfdfd !important;
        }


        /* Custom Dark Mode Text Link Color */
        .link {
          color: #C7B9FF !important;
        }

        .footer a {
          color: #fdfdfd !important;
        }

        .cta-border {
          color: #fdfdfd !important;
          border: 3px solid #fdfdfd !important;
        }

        .cta-border span {
          color: #7EABCE !important;
        }

        .btn-black {
          background-color: #fdfdfd !important;
          color: #000000 !important;
          border: 3px solid #fdfdfd !important;
          border-radius: 5px !important;
          mso-color: #000000 !important;
          mso-border: 3px solid #fdfdfd !important;
          mso-border-radius: 5px !important;
        }

        .btn-white {
          background-color: #fdfdfd !important;
          color: #000000 !important;
          border: 3px solid #fdfdfd !important;
          border-radius: 5px !important;
          mso-color: #000000 !important;
          mso-border: 3px solid #fdfdfd !important;
          mso-border-radius: 5px !important;
        }

        .btn-white2 {
          background-color: #000000 !important;
          color: #ffffff !important;
          border: 3px solid #fdfdfd !important;
          border-radius: 5px !important;
          mso-color: #ffffff !important;
          mso-border: 3px solid #fdfdfd !important;
          mso-border-radius: 5px !important;
        }
      }

      .darkmode-outro {
        color: #000 !important;
      }

      /* Copy dark mode styles for android support */
      /* Shows Dark Mode-Only Content, Like Images */
      [data-ogsc] .dark-img {
        display: block !important;
        width: auto !important;
        overflow: visible !important;
        float: none !important;
        max-height: inherit !important;
        max-width: inherit !important;
        line-height: auto !important;
        margin-top: 0px !important;
        visibility: inherit !important;
      }

      /* Hides Light Mode-Only Content, Like Images */
      [data-ogsc] .light-img {
        display: none;
        display: none !important;
      }

      /* Custom Dark Mode Background Color */
      [data-ogsc] .darkmode {
        background-color: #000000 !important;
      }

      [data-ogsc] .darkmode_blue {
        background-color: #5551FE !important;
      }

      [data-ogsc] .darkmode2,
      [data-ogsc] .callout {
        background-color: #1c1c1c !important;
      }

      /* Custom Dark Mode Font Colors */
      [data-ogsc] h1,
      [data-ogsc] h2,
      [data-ogsc] h3,
      [data-ogsc] h4,
      [data-ogsc] h5,
      [data-ogsc] h6,
      [data-ogsc] p,
      [data-ogsc] li,
      [data-ogsc] ul {
        color: #fdfdfd !important;
      }

      [data-ogsc] span {
        color: #000000 !important;
      }

      [data-ogsc] a {
        color: #000000 !important;
      }

      /* Custom Dark Mode Text Link Color */
      [data-ogsc] .link {
        color: #ffffff !important;
      }

      [data-ogsc] .footer a {
        color: #fdfdfd !important;
      }

      [data-ogsc] .cta-border {
        color: #7EABCE !important;
        border-bottom: 3px solid #7EABCE !important;
      }

      [data-ogsc] .cta-border span {
        color: #7EABCE !important;
      }

      [data-ogsc] .btn-black {
        background-color: #fdfdfd !important;
        color: #000000 !important;
        border: 3px solid #fdfdfd !important;
        border-radius: 5px !important;
        mso-background-color-alt: #fdfdfd !important;
        mso-color-alt: #000000 !important;
        mso-border-alt: 3px solid #fdfdfd !important;
        mso-border-radius-alt: 5px !important;
      }

      [data-ogsc] .btn-white {
        background-color: #fdfdfd !important;
        color: #000000 !important;
        border: 3px solid #fdfdfd !important;
        border-radius: 5px !important;
        mso-background-color-alt: #fdfdfd !important;
        mso-color-alt: #000000 !important;
        mso-border-alt: 3px solid #fdfdfd !important;
        mso-border-radius-alt: 5px !important;
      }

      [data-ogsc] .btn-white2 {
        background-color: #000000 !important;
        color: #ffffff !important;
        border: 3px solid #ffffff !important;
        border-radius: 5px !important;
        mso-color-alt: #ffffff !important;
        mso-border-alt: 3px solid #fdfdfd;
        mso-border-radius-alt: 5px !important;
        mso-background-color-alt: #000000 !important;
      }

      /*]]>*/
  </style>
 </head>
 <!--target dark mode-->
 <!-- Allow for better image rendering on Windows hi-DPI displays. -->
 <!--[if mso]>
  <noscript>
    <xml>
      <o:OfficeDocumentSettings>
        <o:AllowPNG />
        <o:PixelsPerInch>96</o:PixelsPerInch>
      </o:OfficeDocumentSettings>
    </xml>
  </noscript>
  <![endif]-->
 <!--to support dark mode meta tags-->
 <!--[if (gte mso 9)|(IE)]>
  <!-->
 <!--<![endif]-->
 <!--mobile styles-->
 <!--mobile styles-->
 <!--dark mode styles-->
 <!--dark mode styles-->
 <!--[if gte mso 9]>
  <style>
    sup {
      font-size: 60% !important;
    }
  </style>
  <![endif]-->
 <body class="darkmode" style="background:#ffffff; margin:0; padding:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;">
  <div class="mktEditable" id="edit_text_1">
   <div style="display: none; font-size: 1px; color: #ffffff; line-height: 1px; font-family: 'Whyte', Arial, Helvetica, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
    What's new in Figma.  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌&amp;nbs p;‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
   </div>
   <table cellpadding="0" cellspacing="0" class="darkmode gmail-fix" style="background: #fff; min-width: 320px;" width="100%">
    <!-- section -->
    <tbody>
     <tr>
      <td>
       <table align="center" cellpadding="0" cellspacing="0" class="darkmode w-100p" style="max-width: 650px; margin: 0 auto;" width="650">
        <tbody>
         <tr>
          <td align="center" class="wi-100p" style="padding: 0px;">
           <a target="_blank">
            <img alt="What's new in Figma" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F77d3689e3131f6fe351e5c2f715099bcb0260e19/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODA4MjQ5fQ:1rzwWK:vD7yjy-7vS4DNCFEINnfSWVCCv950OzVfq0mZG3RTxM" style="width: 650px; max-width: 650px; 
font-size: 30px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #000000; background-color: #FF01E6; vertical-align: top; line-height: 44px; text-align: center;" width="650"/>
            <!--[if !mso]>
                        <! -->
            <div align="center" class="dark-img wi-650px" style="display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;">
             <img alt="March alignments and refinements" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F77d3689e3131f6fe351e5c2f715099bcb0260e19/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODA4NTEwNX0:1rzwWK:uQ8Z74E4EJNCDYu5B4cJAyXMt0tzXWvWXVCzPp9EIyo" style="width: 650px; max-width: 650px; font-size: 30px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #000000; background-color: #F79Cff; vertical-align: top; line-height: 44px; text-align: center;" width="650"/>
            </div>
           </a>
           <!--<![endif]-->
          </td>
         </tr>
        </tbody>
       </table>
       <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
        <tbody>
         <tr>
          <td>
           <table align="center" cellpadding="0" cellspacing="0" class="darkmode w-100p" width="100%">
            <tbody>
             <tr>
              <td>
               <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width: 650px; margin:0 auto; padding: 0px; background-color: #000000; border-bottom: 1px solid #ffffff;" width="650">
                <tbody>
                 <tr>
                  <td align="left" class="fs-16" style="max-width: 200px; font-size: 20px; line-height: 24px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#ffffff; font-weight: normal; text-align: left; padding: 10px 0px 10px 20px;">
                   <h5 class="fs-16" style="max-width: 200px; font-size:20px; line-height: 24px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#ffffff; font-weight: normal; margin: 0; text-align: left;">
                    Figma Newsletter
                   </h5>
                  </td>
                  <td align="right" class="fs-16" style="max-width: 200px; font-size: 20px; line-height: 24px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000; font-weight: normal; padding: 10px 20px 10px 0px;">
                   <h6 align="right" class="fs-16" style="max-width: 200px; font-size:20px; line-height: 24px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#fff; font-weight: normal; margin: 0;">
                    April 2024
                   </h6>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
           <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
            <tbody>
             <tr>
              <td>
               <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
                <tbody>
                 <tr>
                  <td>
                   <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width: 650px; margin: 0 auto;" width="650">
                    <tbody>
                     <tr>
                      <td align="left" class="pb-32 pl-20 darkmode" style="padding: 30px 0px 10px 60px;">
                       <a style="text-decoration: none;">
                        <img alt="Hi!" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fc3dbe90b34327157c7247ef2a94c8dffc332fe98/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODA5NjU1fQ:1rzwWK:QwyrBCD6uRoUAPE-LMZ_uctPS-mvKAHx0eH7jI2L0QQ" style="width: 
38px; max-width: 38px; font-size: 8px; font-family: 'Whyte', Arial, Helvetica, 
sans-serif; vertical-align: top; line-height: 12px; color: #000000; background-color: inherit; text-align: center;" width="38"/>
                        <!--[if !mso]>
                                <! -->
                        <div align="left" class="dark-img" style="display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;">
                         <img alt="Hi!" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fbb618f265d0495f7dd40a0f1686caa89b4d1b975/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODA5ODU3NH0:1rzwWK:YFBY4zReM6lqjpOgQxO56JNWuYVmdJRipSS6oevgXOI" style="width: 35px; max-width: 35px; font-size: 8px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 12px; background-color: inherit; color: #000000; text-align: center;" width="35"/>
                        </div>
                        <!--<![endif]-->
                       </a>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                   <table align="center" cellpadding="0" cellspacing="0" class="w-100p fs-18 darkmode" style="max-width: 650px; margin:0 auto;" width="650">
                    <tbody>
                     <tr>
                      <td class="fs-18 lh-25 pl-20 pr-20" style="font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; padding: 30px 50px 10px 50px;">
                       <p class="fs-18 lh-25" style="font-size: 19px; line-height: 27px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; margin: 0;">
                        This month, we officially launched variables at
                        <a class="link" style="color: #000000; text-decoration: underline; font-weight: bold;">
                         Framework
                        </a>
                        , a design systems event where we
                        <a class="link" style="color: #000000; text-decoration: underline; font-weight: bold;">
                         unveiled new features
                        </a>
                        to drive design system adoption and bridge the gap between design and development. And yes, they included typography variables, but the star of the show?
                        <a class="link" style="color: #000000; text-decoration: underline; font-weight:  
bold;">
                         Code Connect
                        </a>
                        , which makes component code more accessible for developers.
                        <br/>
                        <br/>
                        Learn more about what we launched and how you can
                        <a class="link" style="color: #000000; text-decoration: underline; 
font-weight: bold;">
                         keep growing
                        </a>
                        your design systems knowledge with Figma below.
                       </p>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                   <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width: 650px; margin: 0 auto;" width="650">
                    <tbody>
                     <tr>
                      <td align="right" class="wi-150px pb-32 pr-45 darkmode" style="padding: 30px 60px 40px 0px;">
                       <a style="text-decoration: none;">
                        <img alt="-The Figma Team" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fb001e40ca84da6961dfc31446594a9e3dc7f3950/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODEwMDUyNH0:1rzwWK:ptBvMjVdlKNUk_lrg1xOQ3EW3E0dC5-EzEkF2VyvaE8" style="width:  
210px; 
max-width: 210px; font-size: 18px; font-family: 'Whyte', Arial,Helvetica, sans-serif; vertical-align: top; font-weight: normal; line-height: 24px; color: #000000; text-align: center;" width="210"/>
                        <!--[if !mso]>
                                <! -->
                        <div align="right" class="dark-img wi-150px" style="display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;">
                         <img alt="-The Figma Team" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F99e34457cf9e06a9d04a3d10ee81bc5a69ebc45f/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODEwMjU0fQ:1rzwWK:MSkGAsT1nwszqFoO8EKVdkjAkPU50pllQH2Yd8RdfSw" style="width: 210px; max-width: 210px; font-size: 20px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 24px; color: #fff; text-align: center" width="210"/>
                        </div>
                       </a>
                       <!--<![endif]-->
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
          </td>
         </tr>
        </tbody>
       </table>
      </td>
     </tr>
     <!-- section -->
     <tr>
      <td>
       <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width:650px; margin:0px auto;" width="650">
        <tbody>
         <tr>
          <td>
           <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
            <tbody>
             <tr>
              <td align="center" class="fs-32 lh-38 darkmode pl-25 pb-20" style="padding:10px 0px 30px 15px; font-weight: lighter; font-size: 32px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left;">
               <h1 class="fs-28" style="font-weight:lighter; font-size: 32px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
                New features and updates
               </h1>
              </td>
             </tr>
            </tbody>
           </table>
           <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
            <tbody>
             <tr>
              <td style="padding: 0px 15px 0px 15px;">
               <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
                <tbody>
                 <tr>
                  <td style="padding: 0px 0px 40px 0px;">
                   <table>
                    <tbody>
                     <tr>
                      <td align="left" class="pb-32 pt-0 darkmode wi-100px" style="padding: 0px" valign="top">
                       <a style="text-decoration: none;">
                        <img alt="Code connect" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fface6320e2d12a57c3616d107608afde83d2a287/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODEwMzg1Mn0:1rzwWK:QjgJGCdY1tQy-2gfEXzuOnBvRVQ2FzZeIp8-Gqz4QlI" style="width: 150px;  
max-width:  
150px; font-size: 10px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 14px; color: #0A5C35; text-align: left;" width="150"/>
                       </a>
                      </td>
                      <td align="center" class="plr-25 darkmode" style="padding:0px 60px 0px 40px; font-weight: normal; font-size: 32px; line-height: 36px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; vertical-align: middle;" valign="middle">
                       <table>
                        <tbody>
                         <tr>
                          <td class="pt-0" style="font-size: 22px; line-height: 28px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; vertical-align: top;">
                           <h3 class="fs-20 lh-24 pt-0" style="font-weight:bold; font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">
                            Customize what code developers see
                           </h3>
                          </td>
                         </tr>
                         <tr>
                          <td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;">
                           <p class="fs-16 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
                            Code Connect delivers code from your design system to Dev Mode, helping developers build with consistency and speed. Now available in beta on Organization and Enterprise plans.
                           </p>
                          </td>
                         </tr>
                         <tr>
                          <td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;">
                           <p class="fs-18 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
                            <a class="link" style="color: #5551ff; font-weight: bold; text-decoration: none;">
                             Learn more →
                            </a>
                           </p>
                          </td>
                         </tr>
                        </tbody>
                       </table>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
               <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
                <tbody>
                 <tr>
                  <td style="padding: 0px 0px 40px 0px;">
                   <table>
                    <tbody>
                     <tr>
                      <td align="left" class="pb-32 pt-0 darkmode wi-100px" style="padding: 0px" valign="top">
                       <a style="text-decoration: none;">
                        <img alt="Variables" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F9497722127d202f3c1f268acc80ee904d116f6f6/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODEwNTY2NH0:1rzwWK:jpjqXLQjS90ZAskPEG42A1RHnPj2JwYal4LymCrJjPE" style="width: 
150px; max-width: 150px; font-size: 10px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 14px; color: #0A5C35; text-align: left;" width="150"/>
                       </a>
                      </td>
                      <td align="center" class="plr-25 darkmode" style="padding:0px 60px 0px 40px; font-weight: normal; font-size: 32px; line-height: 36px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; vertical-align: middle;" valign="middle">
                       <table>
                        <tbody>
                         <tr>
                          <td class="pt-0" style="font-size: 22px; line-height: 28px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; vertical-align: top;">
                           <h3 class="fs-20 lh-24 pt-0" style="font-weight:bold; font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">
                            Fully align variables to design tokens
                           </h3>
                          </td>
                         </tr>
                         <tr>
                          <td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;">
                           <p class="fs-16 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
                            With the introduction of typography and gradient variables, Figma now supports all major token types—so you can apply more variables than ever across platforms, languages, and themes.
                           </p>
                          </td>
                         </tr>
                         <tr>
                          <td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;">
                           <p class="fs-18 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
                            <a class="link" style="color: #5551ff; font-weight: bold; text-decoration: none;">
                             Learn more →
                            </a>
                           </p>
                          </td>
                         </tr>
                        </tbody>
                       </table>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
               <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
                <tbody>
                 <tr>
                  <td style="padding: 0px 0px 40px 0px;">
                   <table>
                    <tbody>
                     <tr>
                      <td align="left" class="pb-32 pt-0 darkmode wi-100px" style="padding: 0px" valign="top">
                       <a style="text-decoration: none;">
                        <img alt="Library Analytics" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F9ba82053c2311cc64005e88225ffb815b278494a/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODEwNzc4fQ:1rzwWK:iNoi2Pte6yA4gBeD67CDknhhhsy__lIjpVOrcqfxgEo" style="width:  
150px; max-width: 150px; font-size: 10px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 14px; color: #0A5C35; text-align: left;" width="150"/>
                       </a>
                      </td>
                      <td align="center" class="plr-25 darkmode" style="padding:0px 60px 0px 40px; font-weight: normal; font-size: 32px; line-height: 36px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; vertical-align: middle;" valign="middle">
                       <table>
                        <tbody>
                         <tr>
                          <td class="pt-0" style="font-size: 22px; line-height: 28px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; vertical-align: top;">
                           <h3 class="fs-20 lh-24 pt-0" style="font-weight:bold; font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">
                            Further understand your library usage
                           </h3>
                          </td>
                         </tr>
                         <tr>
                          <td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;">
                           <p class="fs-16 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
                            The Library Analytics API lets you export library data so you can build custom dashboards tailored to your team’s needs. Now in beta for Enterprise customers.
                           </p>
                          </td>
                         </tr>
                         <tr>
                          <td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;">
                           <p class="fs-18 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
                            <a class="link" style="color: #5551ff; font-weight: bold; text-decoration: none;">
                             Learn more →
                            </a>
                           </p>
                          </td>
                         </tr>
                        </tbody>
                       </table>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
               <!-- config section -->
              </td>
             </tr>
             <tr>
              <td>
               <table align="center" cellpadding="0" cellspacing="0" class="darkmode w-100p" style="max-width: 650px; margin: 0 auto;" width="650">
                <tbody>
                 <tr>
                  <td align="center" class="wi-100p" style="padding: 0px">
                   <a style="text-decoration:none;">
                    <img alt="The Config 2024 agenda is live, grab your spot." class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F0a7704073154de7baf9fffd7762d1ec5f51f09e9/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODEwOTY5OH0:1rzwWK:iLfCnFuF0n5EpVQEG9axfTnSNIXUwc0QkTcrnVkovFo" style="width: 650px; max-width: 650px; font-size: 16px; 
font-family:  
'Whyte', Arial, Helvetica, sans-serif; color: #D5E1E1; background-color: #1B1464; vertical-align: top; line-height: 19px; text-align: center;" width="650"/>
                   </a>
                  </td>
                 </tr>
                </tbody>
               </table>
               <!-- spacer section -->
              </td>
             </tr>
             <tr>
              <td>
               <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width:650px; margin:0px auto;" width="650">
                <tbody>
                 <tr>
                  <td align="center" style="padding:0 0 0px;">
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
             <!-- end config section -->
             <!-- event section -->
             <tr>
              <td>
               <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width:650px; margin:0px auto;" width="650">
                <tbody>
                 <tr>
                  <td align="center" style="padding:0 0 35px;">
                   <table align="center" cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                     <tr>
                      <td align="center" class="fs-32 lh-38 darkmode pl-25" style="padding:40px 0px 10px 15px; font-weight: lighter; font-size: 32px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left;">
                       <h1 class="fs-28" style="font-weight:lighter; font-size: 32px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
                        Figma events
                       </h1>
                      </td>
                     </tr>
                     <tr>
                      <td align="center">
                       <table align="center" cellpadding="0" cellspacing="0" class="darkmode" style="margin:0 auto;" width="100%">
                        <tbody>
                         <tr>
                          <th align="center" class="tflex" style="vertical-align:top;" width="295">
                           <table cellpadding="0" cellspacing="0" width="100%">
                            <tbody>
                             <tr>
                              <td align="center" class="w-100p">
                               <table cellpadding="0" cellspacing="0" width="100%">
                                <tbody>
                                 <tr>
                                  <td style="padding:15px;">
                                   <table cellpadding="0" cellspacing="0" width="100%">
                                    <tbody>
                                     <tr>
                                      <td align="left" class="wi-100p" style="padding:0 0 12px;">
                                       <a style="text-decoration:none;">
                                        <img alt="Register for In The File" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Ff4a0f110b82f9ad743bdf824de3d4f7b8097011b/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODExMTExNX0:1rzwWK:ADQfz7WAaCsiOkeTKboWTow04LJpBcV3iHBKTitkw4w" style="max-width:400px; 
font-size:22px; font-weight: normal; line-height: 30px; font-family:'Whyte', Helvetica,  
Arial,sans-serif; color:#FF01E6; vertical-align:top; text-align: left;" width="295"/>
                                       </a>
                                      </td>
                                     </tr>
                                     <tr>
                                      <td class="pt-0" style="font-size: 22px; line-height: 28px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; vertical-align: top;">
                                       <h3 class="fs-20 lh-24 pt-0" style="font-weight:bold; font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">
                                        In The File: Just Eat Takeaway
                                       </h3>
                                      </td>
                                     </tr>
                                     <tr>
                                      <td align="left" class="fs-18 lh-23 w-100p" style="max-width: 350px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;" width="295">
                                       <p class="fs-16 lh-22 w-100p" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
                                        Join JET on their journey towards unlocking unity with a single source of truth design system on May 2 at 7am PT / 12pm ET.
                                       </p>
                                      </td>
                                     </tr>
                                     <tr>
                                      <td align="left" class="fs-16 lh-21 w-100p" style="max-width: 350px; font-size: 16px; line-height: 21px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#5551ff; font-weight: lighter; padding-top: 10px;" width="295">
                                       <p class="fs-16 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
                                        <a class="fs-18 lh-21 link" style="color: #5551ff; font-weight: bold; text-decoration: none; text-align:left">
                                         Register now →
                                        </a>
                                       </p>
                                      </td>
                                     </tr>
                                    </tbody>
                                   </table>
                                  </td>
                                 </tr>
                                </tbody>
                               </table>
                              </td>
                             </tr>
                            </tbody>
                           </table>
                          </th>
                          <th align="center" class="tflex" style="vertical-align:top;" width="295">
                           <table cellpadding="0" cellspacing="0" width="100%">
                            <tbody>
                             <tr>
                              <td style="padding:15px;">
                               <table cellpadding="0" cellspacing="0" width="100%">
                                <tbody>
                                 <tr>
                                  <td align="left" class="wi-100p" style="padding:0 0 12px;">
                                   <a style="text-decoration:none;">
                                    <img alt="Register for Office Hours" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F0e9f9829e79f820acf8b552318f1bcc8bf84aa2f/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODExMjIzNX0:1rzwWK:jX7SzWchEknmkNVkG6AMYVOVMRw2DKU-lyiPDufa58I" style="max-width:400px; 
font-size:22px; font-weight: normal; line-height: 30px; font-family:'Whyte', Helvetica,  
Arial,sans-serif; color:#FF01E6; vertical-align:top; text-align: left;" width="295"/>
                                   </a>
                                  </td>
                                 </tr>
                                 <tr>
                                  <td class="pt-0" style="font-size: 22px; line-height: 28px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; vertical-align: top;">
                                   <h3 class="fs-20 lh-24 pt-0" style="font-weight:bold; font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">
                                    Office Hours: Code Connect
                                   </h3>
                                  </td>
                                 </tr>
                                 <tr>
                                  <td align="left" class="fs-18 lh-23 w-100p" style="max-width: 350px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;" width="295">
                                   <p class="fs-16 lh-22 w-100p" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
                                    Learn how to leverage Code Connect in your design to dev workflow during our live Q&amp;A on May 8 at 9am PT / 12pm ET.
                                   </p>
                                  </td>
                                 </tr>
                                 <tr>
                                  <td align="left" class="fs-16 lh-21 w-100p" style="max-width: 350px; font-size: 16px; line-height: 21px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#5551ff; font-weight: lighter; padding-top: 12px;" width="295">
                                   <p class="fs-16 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
                                    <a class="fs-18 lh-21 link" style="color: #5551ff; font-weight: bold; text-decoration: none; text-align:left">
                                     Register now →
                                    </a>
                                   </p>
                                  </td>
                                 </tr>
                                </tbody>
                               </table>
                              </td>
                             </tr>
                            </tbody>
                           </table>
                          </th>
                         </tr>
                        </tbody>
                       </table>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
             <!-- block -->
            </tbody>
           </table>
          </td>
         </tr>
        </tbody>
       </table>
      </td>
     </tr>
    </tbody>
   </table>
   <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width:650px; margin:0px auto; background-color: #ffffff; border-top: #DEDEDE solid 1px;">
    <tbody>
     <tr>
      <td align="center" class="darkmode w-100p plr-15 ptb-24 darkmode w-100p" style="background-color: #ffffff; padding:35px 10px 46px;" width="650">
       <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode plr-15 ptb-24" style="max-width:410px; margin:0 auto;" width="410">
        <tbody>
         <tr>
          <td align="center" style="padding:15px 0px 32px; font-size:14px; line-height:20px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#a5a5a5;">
           Figma is a design platform for teams who build products together. Born on the Web, Figma helps the entire product team create, test, and ship better designs, faster.
          </td>
         </tr>
         <tr>
          <td style="padding:0px 0 32px;">
           <table align="center" cellpadding="0" cellspacing="0" style="margin:0 auto;">
            <tbody>
             <tr>
              <td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
               <a style="text-decoration:none;">
                <img alt="Figma" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fa9c9c230c0a9395f5eaa1c4acb6ee89d13782987/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODExMzI4Mn0:1rzwWK:V8afetckrC3VVQQsWkLzn0YtuCCITR18NMOGxkgBB6g" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, 
sans-serif; color:#000000; vertical-align:top; text-align: center;" width="30"/>
                <!--[if !mso]>
                                <! -->
               </a>
               <div align="left" class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;">
                <a style="text-decoration: none;">
                 <img alt="Figma" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F769e425786691503108639759683aa50ea3f530b/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODExNDI3NH0:1rzwWK:QhgBdJlq__Kem66fRa74hWGmzzLxrh5Rpk6CpvF_PHk" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" width="30"/>
                </a>
               </div>
               <!--<![endif]-->
              </td>
              <td style="font-size:1px; line-height:1px;" width="30">
              </td>
              <td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
               <a style="text-decoration:none;">
                <img alt="Twitter" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F5bb05074a2c9507b003979dd88c1bb852fb875b7/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODExNTgzfQ:1rzwWK:Q4fvWzJx7Pih5r9sNzllOwPDkEd7riiUpul_rLDip64" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, 
sans-serif; color:#000000; vertical-align:top; text-align: center;" width="30"/>
                <!--[if !mso]>
                                <! -->
               </a>
               <div align="left" class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;">
                <a style="text-decoration: none;">
                 <img alt="Twitter" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fc52f06a7ea02bb178ecbfd8b511e30d4bcc35ae3/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODExNjg4Mn0:1rzwWK:eipIPxRxEXDj8Hre5h2Qjqo49tcnSoX5VFW2ykejitg" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" width="30"/>
                </a>
               </div>
               <!--<![endif]-->
              </td>
              <td style="font-size:1px; line-height:1px;" width="30">
              </td>
              <td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
               <a style="text-decoration:none;">
                <img alt="Instagram" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F9dc8394d92432c5cd16ab9e61ee574da29434ec8/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODExNzg4OH0:1rzwWK:CfXi8ZQ3lgpD4szHpRChxtkE-3OQQ4iPROVm0CVPNZE" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, 
Helvetica, sans-serif; color:#000000; vertical-align:top; text-align: center;" width="30"/>
                <!--[if !mso]>
                                <! -->
               </a>
               <div align="left" class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;">
                <a style="text-decoration: none;">
                 <img alt="Instagram" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F84f161959a9a78266ee5955b0abc7961bec5e7c8/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODExODkwNn0:1rzwWK:U3mHRS0gx4UJ73HTZh5-QNJhQswlp19o8nouokDo3IA" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" width="30"/>
                </a>
               </div>
               <!--<![endif]-->
              </td>
              <td style="font-size:1px; line-height:1px;" width="30">
              </td>
              <td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
               <a style="text-decoration:none;">
                <img alt="YouTube" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F4db5401f0db17df56b55b663da4ec93b18f2d707/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODEyMDEzOX0:1rzwWK:7DXlHODc_WT_zYdg_Spy_kIeCEouKm8PGJ6QAGeqyCs" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, 
Helvetica, sans-serif; color:#000000; vertical-align:top; text-align: center;" width="30"/>
                <!--[if !mso]>
                                <! -->
               </a>
               <div align="left" class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;">
                <a style="text-decoration: none;">
                 <img alt="YouTube" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fe9ea90d138f7a23ad8bbe972be6617d61ee85ba1/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODEyMTIwNH0:1rzwWK:maEQCWGJZUzZUleAP_u-FMwlxyJ1-IGVgBnKbX5ws2o" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" width="30"/>
                </a>
               </div>
               <!--<![endif]-->
              </td>
              <td style="font-size:1px; line-height:1px;" width="30">
              </td>
              <td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
               <a style="text-decoration:none;">
                <img alt="LinkedIn" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F02676955b299a6571870721434fcc596c6b8de56/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODEyMjYwMn0:1rzwWK:p6y5ZbVdgYKBoY0QBRDmlj4TLVOZIh4Zi0SD0txd8O0" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, 
Helvetica, sans-serif; color:#000000; vertical-align:top; text-align: center;" width="30"/>
                <!--[if !mso]>
                                <! -->
               </a>
               <div align="left" class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;">
                <a style="text-decoration: none;">
                 <img alt="LinkedIn" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fc94ec9dc33c98e9c1553d601d31aede0d120d98d/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3MTQwNDE2MDQuODEyMzY0M30:1rzwWK:MdM-kryjKY_DWdUk4JzjBQTMRRa8PknIRI4-Q04H0Sg" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" width="30"/>
                </a>
               </div>
               <!--<![endif]-->
              </td>
             </tr>
            </tbody>
           </table>
          </td>
         </tr>
         <tr>
          <td align="center" class="darkmode" style="font-size:12px; line-height:17px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#a5a5a5; padding:0 0 32px;">
           760 Market Street, Floor 10
           <br/>
           San Francisco, CA, 94102
          </td>
         </tr>
        </tbody>
       </table>
      </td>
     </tr>
    </tbody>
   </table>
   <!-- End Footer -->
  </div>
  <a>
  </a>
  <img alt="" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fgo.figma.com%252Ftrk%253Ft%253D1%2526mid%253DNzc4LU1FVS0yODEAAAGSs8_LbDXsY2Pmcz-ySwpzZMVxFSOBBc0Yis_dLTOgnpwnbImeJB3NiUeA61TNqzLf04JUY_qtpRh1wnx7VrjwoLBvR-LgZKk3UXra1M-nZWyO_xnlSkq_OKM00jnVfn7rJQCpfQcuDueb/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZnby5maWdtYS5jbyIsInRpbWUiOjE3MTQwNDE2MDQuODEyNTM5OH0:1rzwWK:ktcgq-z2qkzeYQiXEonn8t3bPAyiuOf8y5YqI3M24qk" style="display:none !important;" width="1"/>
  <p align="center" style="font-size: 12px !important; line-height: 17px !important; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#707070 !important; padding-top: 20px; padding-bottom: 20px;">
   <a style="color:#707070; text-decoration:underline;">
    Unsubscribe
   </a>
   from Figma marketing emails.
  </p>
 </body>
</html>