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" "https://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=eyJwYXRoIjoiLmVvdCUzRiUyM2llZml4In0:1qCEii:IBsgNSCwd0IhAfp2pGdCjuh8Uwdq4BH_6WVCoo6pVbk) format('embedded-opentype'),
    url(https://inboxflows.com/_/image/.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiLndvZmYyIn0:1qCEii:DdUe9_ENYAvVCHXh_oNdzwSCKGX8y0zyuCbZqv41ewc) format('woff2'),
    url(https://inboxflows.com/_/image/.ttf/?inbox_flows_img_sig=eyJwYXRoIjoiLnR0ZiJ9:1qCEii:xk6O6inohOzM91QRBMilrySJiV2mHkEkwq4eTfC0CIw) format('truetype'),*/
          url(https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F9254519927cf4912e61627442d7ab7a5a9226581.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEii:1qFOeCVlcfpFBqo2MasjmD0k8xAIQc3kRhOhEVSQh_4) format('woff');
        mso-font-alt: 'Arial';
      }

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

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

      sup {
        line-height: 0px;
        font-size: 70%;
        vertical-align: top;
        mso-text-raise: 60%;
      }

      a {
        outline: none;
        color: #000;
        text-decoration: none;
      }

      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.88;
      }

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

      .cta {
        transition: 0.3s !important;
      }

      a img {
        border: none;
        outline: none;
        text-decoration: 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;
      }

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

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

        
      }

      @media only screen and (max-width: 480px) {
        u+.body .gmailmobile {
          display: block !important;
          color: #000000 !important;
        }

        .tflex {
          display: block !important;
          width: 100% !important;
        }
        .pl-25 {
          padding-left: 25px !important;
        }

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

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

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

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

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

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

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

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

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

        .lh-26 {
          line-height: 26px !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;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .plr-25 {
          padding-left: 25px !important;
          padding-right: 25px !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 */
        gmail-fix {
          color: #3A3A3A !important;
        }

        .darkmode {
          background-color: #3A3A3A !important;
        }

        .darkmode-intro {
          background-color: #D7BCF7 !important;
          color: black !important;
        }

        .darkmode-outro {
          background-color: #F7D7D7 !important;
          color: #000000 !important;
        }

        /* Custom Dark Mode Font Colors */
        h1 {
          color: #fdfdfd !important;
        }

        h2 {
          color: #000000 !important;
        }

        h3 {
          color: #fdfdfd !important;
        }

        h4,
        h5,
        h6,
        p {
          color: #000000 !important;
        }

        ul,
        li {
          color: #fdfdfd !important;
        }

        span {
          color: #dfdfdf !important;
        }

        a {
          color: #fdfdfd !important;
        }


        /* Custom Dark Mode Text Link Color */
        .link {
          color: #fdfdfd !important;
          text-decoration: underline !important;
          font-weight: normal;
        }

        .intro-link {
          color: #000000 !important;
        }

        .outro-link {
          color: #000000 !important;
        }


        .btn-link {
          color: #ffffff !important;
          text-decoration: none !important;
        }


        .footer a {
          color: #fdfdfd !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 #000000 !important;
          border-radius: 8px !important;
          mso-color: #ffffff !important;
          mso-border: 3px solid #fdfdfd !important;
          mso-border-radius: 5px !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] .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: #DBC4F8 !important;
        text-decoration: none !important;
      }

      [data-ogsc] .btn-link {
        color: #ffffff !important;
        text-decoration: none !important;
      }

      [data-ogsc] .footer a {
        color: #fdfdfd !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 #fdfdfd !important;
        border-radius: 5px !important;
        mso-color-alt: #ffffff !important;
        mso-border-alt: 3px solid #fdfdfd !important;
        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-->
 <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;">
    Discover new ways to design, prototype, and build your next great idea—fast.  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏  ­͏
   </div>
   <table align="center" cellpadding="0" cellspacing="0" class="darkmode gmail-fix" role="presentation" style="background: #ffffff; min-width: 320px;" width="100%">
    <!-- section -->
    <tbody>
     <tr>
      <td>
       <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" role="presentation" style="max-width: 650px; margin: 0 auto;" width="650">
        <tbody>
         <tr>
          <td align="left" class="pl-5 darkmode-intro" style="background-color: #ffffff; padding: 28px 24px 28px 45px;">
           <a style="text-decoration: none;">
            <img alt="Figma" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F561365b6653039898c017b7e07a9252879619d09/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 107px; 
max-width: 107px; font-size: 22px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 24px; color: #000000; text-align: center;" width="107"/>
            <!--[if !mso]>
                        <! -->
           </a>
           <div align="left" class="dark-img plr-25" 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%252F1e7e2df00a7ed432120339726c857f45a6be3606/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 67px; max-width: 67px; font-size: 22px; font-family: 'Whyte', Arial,Helvetica, sans-serif; vertical-align: top; line-height: 24px; 
color: #000000; text-align: center;" width="67"/>
            </a>
           </div>
           <!--<![endif]-->
          </td>
         </tr>
         <tr>
          <td class="darkmode-intro plr-25" style="padding: 0 37px 0; background-color: #ffffff;">
           <table align="center" cellpadding="0" cellspacing="0" class="w-100p" role="presentation" style="max-width: 530px; margin: 0 auto; color: #000000;" width="530">
            <tbody>
             <tr>
              <td align="center" class="darkmode-intro" style="background-color: #ffffff; color: #000000 !important; font-size: 42px; line-height: 50px; font-family: 'Whyte', Arial, Helvetica, sans-serif; text-align: left; padding-bottom:40px; padding-top: 0px;">
               <p class="darkmode-intro fs-32 lh-38" style="font-size: 42px; line-height: 50px; font-family: 'Whyte', Helvetica, Arial, sans-serif; background-color: #ffffff; color: #000000; font-weight: normal; margin: 0; text-align: left;">
                Meet Dev Mode
               </p>
              </td>
             </tr>
            </tbody>
           </table>
          </td>
         </tr>
         <tr>
          <td align="center" class="wi-100p pb-32 darkmode-intro" style="background-color: #ffffff; padding: 0;">
           <a>
            <img alt="‌ ‌ ‌  Figma helps teams move their best ideas forward by bringing design and development closer together.
 Discover new ways to design, prototype, and build your next great idea—fast.
  ‌ ‌ ‌ ‌ " class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F924d3f6fb144dcc53a8b68aa7058e86a2e12fa95/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 530px; 
max-width: 530px; font-size: 20px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #000000; vertical-align: top; line-height: 28px; text-align: center;" width="530"/>
            <!--[if !mso]>
                        <! -->
           </a>
           <div align="center" class="wi-100p pb-32 dark-img" style="display: none; overflow: hidden; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;">
            <a style="text-decoration: none;">
             <img alt="‌ ‌ ‌  Figma helps teams move their best ideas forward by bringing design and development closer together.
 Discover new ways to design, prototype, and build your next great idea—fast.
  ‌ ‌ ‌ ‌ " src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F5eebdc26e3ebe5b4874daa11f7c0e27de49402e7/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 530px; max-width: 530px; font-size: 20px; font-family: 'Whyte', Arial, Helvetica, 
sans-serif; color: #000000; background-color: #D7BCF7; vertical-align: top; line-height: 28px; text-align: center;" width="530"/>
            </a>
           </div>
           <!--<![endif]-->
          </td>
         </tr>
         <tr>
          <td class="darkmode-intro plr-25" style="padding: 0 37px 0; background-color: #ffffff; color: #ffffff;">
           <table align="center" cellpadding="0" cellspacing="0" class="w-100p" role="presentation" style="max-width: 530px; margin: 0 auto; color: #000000;" width="530">
            <tbody>
             <tr>
              <td align="center" class="darkmode-intro" style="background-color: #ffffff; color: #000000 !important; font-size: 18px; line-height: 26px; font-family: 'Whyte', Arial, Helvetica, sans-serif; text-align: left; padding-bottom:10px; padding-top: 40px;">
               <p class="darkmode-intro" style="font-size: 18px; line-height: 26px; font-family: 'Whyte', Helvetica, Arial, sans-serif; background-color: #ffffff; color: #000000; font-weight: normal; margin: 0; text-align: left;">
                We are excited to announce Dev Mode in Figma, a space that helps developers more easily navigate files and find the right information, so they can get to coding faster.
                <strong>
                 Dev Mode is now in beta and free to use through 2023
                </strong>
                .
                <br/>
                <br/>
                Check out Dev Mode and other new features we launched at Config below.
               </p>
              </td>
             </tr>
             <tr>
              <td align="center" class="darkmode-intro" style="padding: 25px 0 45px;">
               <table align="center" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
                <tbody>
                 <tr>
                  <td align="center" class="active-t darkmode-intro btn-white2" style="mso-padding-alt: 15px 40px; background-color: #000000; font-weight: normal; font-size: 18px; line-height: 22px; font-family: 'Whyte', Helvetica, Arial, sans-serif; border: 3px solid #000000; border-radius: 8px;">
                   <a class="btn-link" style="padding: 10px 40px; color: #ffffff; text-decoration: none; display: block;">
                    Read about Dev Mode
                   </a>
                  </td>
                 </tr>
                 <tr>
                  <td align="center" class="darkmode-intro" style="background-color: #ffffff; color: #000000 !important; font-size: 18px; line-height: 26px; font-family: 'Whyte', Arial, Helvetica, sans-serif; text-align: center; padding-bottom:0px; padding-top: 10px;">
                   <p class="darkmode-intro" style="font-size: 18px; line-height: 26px; font-family: 'Whyte', Helvetica, Arial, sans-serif; background-color: #ffffff; color: #000000; font-weight: strong; margin: 0; text-align: center;">
                    or
                    <a class="intro-link" style="color: #000000; text-decoration: underline; font-weight: bold;">
                     watch the keynote
                    </a>
                   </p>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
          </td>
         </tr>
        </tbody>
       </table>
      </td>
     </tr>
     <tr>
      <td align="center" class="wi-100p pb-32 darkmode" style="padding: 0;">
       <a>
        <img alt="‌Prototyping | Variables | Dev Mode | Figma for VS Code | Auto layout" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F6d481cb93066c333b587c83a95669bb44047dd40/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 650px; max-width: 650px; font-size: 16px; font-family: 'Whyte', Arial, 
Helvetica, sans-serif; color: #000; vertical-align: top; line-height: 28px; background-color: #ECFEC7; text-align: center;" width="650"/>
       </a>
      </td>
     </tr>
    </tbody>
   </table>
   <!-- section -->
   <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" class="wi-100p darkmode" style="padding-top: 60px;">
       <a>
        <img alt="‌ ‌ ‌  Dev Mode makes it easy to find the details you need to start building and stay on track when handing off projects from design to development." src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fdd5f4cc2869b0380e1e53eddf3adaa15f39fa195/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 600px; max-width: 600px; font-size: 16px; 
font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #000000; vertical-align: top; line-height: 24px; background-color: #CDB3FA; text-align: center;" width="600"/>
       </a>
      </td>
     </tr>
     <tr>
      <td>
       <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width: 500px; margin: 0 auto;" width="100%">
        <tbody>
         <tr>
          <td align="center" class="darkmode" style="padding: 30px 0px 0px; color:#000000; text-align: center;">
           <h1 class="fs-22" style="font-weight: bold; font-size: 24px; line-height: 50px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center; margin: 0;">
            Dev Mode
            <span style="font-size:50%;line-height:1.7;vertical-align:10px;mso-text-raise:110%;">
             BETA
            </span>
           </h1>
          </td>
         </tr>
         <tr>
          <td align="center" class="darkmode plr-25" style="padding: 10px 0px 0px; color:#000000; text-align: center;">
           <span class="fs-18 lh-24" style="font-size: 20px; line-height: 26px; font-weight: normal; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center;">
            Explore Dev Mode, a new space in Figma that makes dev work easier. Inspect mocks, diff design changes, copy code snippets, and use plugins to connect to the tools you use everyday—like GitHub, Jira, and Storybook.
           </span>
          </td>
         </tr>
         <tr>
          <td align="center" class="darkmode pb-20 plr-25 lh-24" style="font-size: 20px; line-height: 26px; font-weight: normal; font-family:'Whyte', Helvetica, Arial, sans-serif; padding: 10px 0px 40px; color:#000000; text-align: center;">
           <a class="link" style="color: #000000; text-decoration: underline; font-weight: normal;">
            Get started now →
           </a>
          </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;" width="650">
    <tbody>
     <tr>
      <td align="center" class="wi-100p darkmode" style="padding-top: 20px;">
       <a>
        <img alt="‌ Bring Figma into your workflow with VS Code" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F8863c074c27b20f8fda3ca447c5d0af84f00284d/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 600px; max-width: 600px; font-size: 16px; 
font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #000000; vertical-align: top; line-height: 24px; background-color: #FF8577; text-align: center;" width="600"/>
       </a>
      </td>
     </tr>
     <tr>
      <td>
       <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width: 500px; margin: 0 auto;" width="100%">
        <tbody>
         <tr>
          <td align="center" class="darkmode" style="padding: 30px 0px 0px; color:#000000; text-align: center;">
           <h1 class="fs-22" style="font-weight: bold; font-size: 24px; line-height: 50px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center; margin: 0;">
            Figma for VS Code
           </h1>
          </td>
         </tr>
         <tr>
          <td align="center" class="darkmode plr-25" style="padding: 10px 0px 0px; color:#000000; text-align: center;">
           <span class="fs-18 lh-24" style="font-size: 20px; line-height: 26px; font-weight: normal; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center;">
            Use our new extension for VS Code to easily inspect Figma files, collaborate with designers, and receive Figma notifications right in your code editor.
           </span>
          </td>
         </tr>
         <tr>
          <td align="center" class="darkmode pb-20 plr-25 lh-24" style="font-size: 20px; line-height: 26px; font-weight: normal; font-family:'Whyte', Helvetica, Arial, sans-serif; padding: 10px 0px 40px; color:#000000; text-align: center;">
           <a class="link" style="color: #000000; text-decoration: underline; font-weight: normal;">
            Learn more →
           </a>
          </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;" width="650">
    <tbody>
     <tr>
      <td align="center" class="wi-100p darkmode" style="padding-top: 20px;">
       <a>
        <img alt="‌ Unlock design themes like light and dark or mobile and desktop with variables in Figma.
 " src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Febf46d4c8145b98aa1027355b466038ca040e365/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 600px; max-width: 600px; font-size: 16px; 
font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #000000; vertical-align: top; line-height: 24px; background-color: #7DB8A9; text-align: center;" width="600"/>
       </a>
      </td>
     </tr>
     <tr>
      <td>
       <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width: 500px; margin: 0 auto;" width="100%">
        <tbody>
         <tr>
          <td align="center" class="darkmode" style="padding: 30px 0px 0px; color:#000000; text-align: center;">
           <h1 class="fs-22" style="font-weight: bold; font-size: 24px; line-height: 50px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center; margin: 0;">
            Variables
           </h1>
          </td>
         </tr>
         <tr>
          <td align="center" class="darkmode plr-25" style="padding: 10px 0px 0px; color:#000000; text-align: center;">
           <span class="fs-18 lh-24" style="font-size: 20px; line-height: 26px; font-weight: normal; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center;">
            Design systems can now use variables to unlock theming and tokens for more adaptability and code alignment. Available via the plugin and REST APIs.
           </span>
          </td>
         </tr>
         <tr>
          <td align="center" class="darkmode pb-20 plr-25 lh-24" style="font-size: 20px; line-height: 26px; font-weight: normal; font-family:'Whyte', Helvetica, Arial, sans-serif; padding: 10px 0px 60px; color:#000000; text-align: center;">
           <a class="link" style="color: #000000; text-decoration: underline; font-weight: normal;">
            Get started now →
           </a>
          </td>
         </tr>
        </tbody>
       </table>
      </td>
     </tr>
    </tbody>
   </table>
   <!-- section -->
   <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode-outro" style="max-width:650px; margin:0px auto; background-color: #F8F8F8;" width="650">
    <tbody>
     <tr>
      <td align="center">
       <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode-outro" style="max-width: 530px; margin: 0 auto; background-color: #F8F8F8; " width="530">
        <tbody>
         <tr>
          <td>
           <table align="center" cellpadding="0" cellspacing="0" class="darkmode-outro" style="margin:0 auto; background-color: #F8F8F8;" width="100%">
            <tbody>
             <tr>
              <td align="center">
               <table align="left" cellpadding="0" cellspacing="0" class="w-100p darkmode-outro" style="max-width: 530px; margin: 0 auto; background-color: #F8F8F8; padding:40px 10px 20px 10px;" width="530">
                <tbody>
                 <tr>
                  <td align="left" class="darkmode-outro pr-40 pl-25" style="font-weight: normal; font-size: 24px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; text-align: left; background-color: #F8F8F8;" width="530">
                   <h2 class="fs-22" style="font-weight:normal; font-size: 24px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color: #000000; text-align: left; margin: 0;">
                    Plus, a few more new features:
                   </h2>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
           <table align="center" cellpadding="0" cellspacing="0" class="darkmode-outro" style="margin:0 auto; background-color: #F8F8F8;" width="100%">
            <tbody>
             <tr>
              <td align="center">
               <table align="center" cellpadding="0" cellspacing="0" class="darkmode-outro" style="margin:0 auto; background-color: #F8F8F8;" 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:20px 10px;">
                           <table cellpadding="0" cellspacing="0" width="100%">
                            <tbody>
                             <tr>
                              <td align="center" class="wi-100p" style="padding:0 0 15px;">
                               <a class="mktNoTok" style="text-decoration:none;">
                                <img alt="At long last, font previews, improved search, and filters in Figma's font picker are here! " src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F56de5e5b721cf814d68750ac5f8345ff1f9adf23/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="max-width:300px; font-size:16px; font-weight: normal; line-height: 24px; font-family:'Whyte', Helvetica, 
Arial,sans-serif; color:#000000; vertical-align:top; text-align: left;" width="245"/>
                               </a>
                              </td>
                             </tr>
                             <tr>
                              <td align="center" class="lh-23 w-100p" style="max-width: 300px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter;" width="245">
                               <h1 class="darkmode-outro lh-23" style="max-width: 300px; font-weight:bold; font-size: 20px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; padding-top: 10px; padding-bottom: 20px;">
                                Advanced prototyping
                               </h1>
                              </td>
                             </tr>
                             <tr>
                              <td align="center" class="fs-18 lh-23 w-100p" style="max-width: 300px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal;" width="245">
                               <h3 class="fs-18 lh-23 darkmode-outro" style="max-width: 300px; font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; padding-left: 0px; padding-bottom: 10px;">
                                Create dynamic prototypes with fewer frames and less work
                               </h3>
                              </td>
                             </tr>
                             <tr>
                              <td align="center" class="fs-18 lh-23 w-100p" style="max-width: 300px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter;" width="245">
                               <h3 class="outro-link fs-18 lh-23 darkmode-outro" style="max-width: 300px; font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; padding-left: 0px;">
                                <a class="outro-link" style="max-width: 300px; color: #000000; text-decoration: underline; font-weight: normal; text-align: left;">
                                 Learn more →
                                </a>
                               </h3>
                              </td>
                             </tr>
                            </tbody>
                           </table>
                          </td>
                         </tr>
                        </tbody>
                       </table>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </th>
                  <th align="center" class="tflex" style="vertical-align:top;" width="245">
                   <table cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                     <tr>
                      <td style="padding:20px 10px;">
                       <table cellpadding="0" cellspacing="0" width="100%">
                        <tbody>
                         <tr>
                          <td align="center" class="wi-100p" style="padding:0 0 15px;">
                           <a class="mktNoTok" style="text-decoration:none;">
                            <img alt="With global search and notifications, find content and conversations across your account, without navigating across spaces." src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F6156be8ff4200c0a5ab8621e97cbdde5b6b5cf85/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="max-width:300px; font-size:16px; font-weight: normal; line-height: 24px; font-family:'Whyte', Helvetica, 
Arial,sans-serif; color:#000000; vertical-align:top; text-align: left;" width="245"/>
                           </a>
                          </td>
                         </tr>
                         <tr>
                          <td align="center" class="lh-23 w-100p" style="max-width: 300px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000 !important; font-weight: lighter;" width="245">
                           <h1 class="lh-23 darkmode-outro" style="max-width: 300px; font-weight:bold; font-size: 20px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; padding-top: 10px; padding-bottom: 20px;">
                            Auto layout updates
                           </h1>
                          </td>
                         </tr>
                         <tr>
                          <td align="center" class="fs-18 lh-23 w-100p" style="max-width: 300px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000 !important; font-weight: lighter;" width="245">
                           <h3 class="fs-18 lh-23 darkmode-outro" style="max-width: 300px; font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; padding-left: 0px; padding-bottom: 10px;">
                            Added support for wrapping and min/max dimensions
                           </h3>
                          </td>
                         </tr>
                         <tr>
                          <td align="center" class="fs-18 lh-23 w-100p" style="max-width: 300px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter;" width="245">
                           <h3 class="outro-link fs-18 lh-23" style="max-width: 300px; font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; padding-left: 0px;">
                            <a class="outro-link" style="max-width: 300px; color: #000000; text-decoration: underline; font-weight: normal; text-align: left;">
                             Learn more →
                            </a>
                           </h3>
                          </td>
                         </tr>
                        </tbody>
                       </table>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </th>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
          </td>
         </tr>
         <tr>
          <td align="center" class="darkmode-outro" style="padding: 30px 0 20px; background-color: #F8F8F8;">
           <table align="center" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
            <tbody>
             <tr>
              <td align="center" class="active-t darkmode-outro btn-white2" style="mso-padding-alt: 15px 40px; background-color: #000000; font-weight: normal; font-size: 18px; line-height: 22px; font-family: 'Whyte', Helvetica, Arial, sans-serif; border: 3px solid #000000; border-radius: 8px;">
               <a class="btn-link" style="padding: 10px 40px; color: #ffffff; text-decoration: none; display: block;">
                Explore every new feature
               </a>
              </td>
             </tr>
            </tbody>
           </table>
          </td>
         </tr>
         <tr>
          <td align="center" class="darkmode-outro plr-25" style="max-width: 300px;color: #8d8d8d !important; font-size: 18px; line-height: 26px; font-family: 'Whyte', Arial, Helvetica, sans-serif; text-align: center; padding: 20px 80px 60px;" width="300">
           <p style="font-size: 12px; line-height: 16px; font-family: 'Whyte', Helvetica, Arial, sans-serif; color: #8d8d8d !important; font-weight: normal; margin: 0; text-align: center;" width="300">
            Your participation in the Dev Mode beta is governed by our Terms of Service, which you can view
            <a style="color: #8d8d8d !important; text-decoration: underline; font-weight: bold;">
             here
            </a>
            .
           </p>
          </td>
         </tr>
        </tbody>
       </table>
      </td>
     </tr>
    </tbody>
   </table>
   <!-- section -->
   <!-- Footer -->
   <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width:650px; margin:0px auto; background-color: #F8F8F8; border-top: #DEDEDE solid 1px;">
    <tbody>
     <tr>
      <td align="center" class="darkmode w-100p plr-15 ptb-24 darkmode w-100p" style="background-color: #F8F8F8; padding:35px 10px 46px;" width="650">
       <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode plr-15 ptb-24" style="max-width:400px; margin:0 auto;" width="400">
        <tbody>
         <tr>
          <td align="center" style="padding:15px 0px 32px; font-size:14px; line-height:20px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#B2B2B2;">
           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%252Fb0ae29b8a56391c7b3bfa574afd2954bf494ac68/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" 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%252F9d9320a9811e4c30248525fc804bed88e51f29cc/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" 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%252Fd26435d1703aa1d5061d0249664d784ddd9e8a47/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" 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%252F2897c09ac922ca23993b594088cad69fcdb5a629/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" 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%252Fdc2be7d727776e882c00188f2920439f469bcf07/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" 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%252F21dbe48bb90a046a578b1d64380aced4d0c8413a/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" 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="Facebook" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fa74f309aecf4b9d296fe758c985143ad17fd9b43/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" 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="Facebook" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F56118768de813326074382c65c6586f561c87ba4/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" 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%252Fcc9b295b67251a80780c55682aaa236eb6f2726a/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" 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%252Ff2ec7c400c119434ac061c6620cc6abf44aff8ed/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" 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="Dribble" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F6ef8f163c0d24efcf001c9e0d29e5b8af5751b42/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" 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="Dribble" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F9bce0524c68066bf845b59780074e8194f30dda0/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" 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:#B2B2B2; padding:0 0 32px;">
           760 Market Street, Floor 10
           <br/>
           San Francisco, CA, 94102
          </td>
         </tr>
        </tbody>
       </table>
      </td>
     </tr>
    </tbody>
   </table>
  </div>
  <a>
  </a>
  <img alt="" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fgo.figma.com%252Ftrk%253Ft%253D1%2526mid%253DNzc4LU1FVS0yODE6MDozNzM3OjE5MDkyOjE5NjQ2OTo0ODUzOjk6Mjg5NDA6MTI4MTQyNDA6MmE3MzE4MWZAdWlmZWVkLmNvbQ%253D%253D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZnby5maWdtYS5jbyJ9:1qCEij:YpcCAUp7MvvhUz7FqBfvj_15d4tt-6zZdEqjOpj8dpU" 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>