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: 'Inter';
        font-style: italic;
        font-weight: 100 900;
        font-display: swap;
        src: url(https://inboxflows.com/_/image/https%253A%252F%252Ffonts.gstatic.com%252Fs%252Finter%252Fv18%252FUcCm3FwrK3iLTcvnUwQT9mI1F54.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nc3RhdCIsInRpbWUiOjE3NTE0NDA2MjAuNjg4OTAyMX0:1uWriG:QJPHhnfWkQnW4cMPbVPjxb4DKupkTEfy9TbgjkeVG70) format('woff2');
        mso-generic-font-family: swiss;
      }

      @font-face {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 100 900;
        font-display: swap;
        src: url(https://inboxflows.com/_/image/https%253A%252F%252Ffonts.gstatic.com%252Fs%252Finter%252Fv18%252FUcCo3FwrK3iLTcviYwYZ8UA3.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nc3RhdCIsInRpbWUiOjE3NTE0NDA2MjAuNjg5NzEyNX0:1uWriG:7wWxyU4AS_weSNEUJU-MOqrcZMvcMe7D7x-TSc3ptWw) format('woff2');
        mso-generic-font-family: swiss;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      p {
        margin: 0;
      }

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

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

      a img {
        border: none;
      }

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

      th,
      td {
        padding: 0;
      }

      .fs-h1 {
        font-size: 32px;
        font-weight: 600;
        line-height: 30px;
        letter-spacing: -0.5px;
      }

      .fs-h2 {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
      }

      .fs-body {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0.1px;
      }

      .fs-body a {
        color: #000000;
        text-decoration: underline;
      }

      .btn {
        border-radius: 8px;
        text-align: center;
        mso-padding-alt: 16px 30px;
      }

      .btn a {
        font-family: Inter, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 13px;
        letter-spacing: 0.18px;
        padding: 13px 30px;
        text-decoration: none;
        display: block;
      }

      .btn.primary {
        background: #000000;
        color: #FFFFFF;
        border: 3px solid #000000 !important;
      }

      .btn.primary a {
        color: #FFFFFF;
      }

      @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;
          max-width: 100% !important;
        }

        .w60 {
          width: 60px !important;
        }

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

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

        .fs-h1 {
          font-size: 24px !important;
          line-height: 28px !important;
        }

        .fs-h2 {
          font-size: 20px !important;
          line-height: 26px !important;
        }

        .fs-body {
          font-size: 16px !important;
          line-height: 24px !important;
          letter-spacing: 0.2px !important;
        }

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

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

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

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

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

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

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

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

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

        .pr-10 {
          padding-right: 10px !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-0 {
          padding-left: 1px !important;
          padding-right: 1px !important;
        }

        .plr-5 {
          padding-left: 5px !important;
          padding-right: 5px !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-10 {
          padding-top: 10px !important;
          padding-bottom: 10px !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;
        }

        .btn {
          mso-padding-alt: 14px 30px !important;
        }

        .btn a {
          font-size: 14px !important;
          line-height: 10px !important;
          padding: 14px 30px !important;
        }

        .brdr-0 {
          border: 0 !important;
        }

        .radius-0 {
          border-radius: 0 !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,
        h6,
        p,
        ul,
        li {
          color: #fdfdfd !important;
        }

        span {
          color: #fdfdfd !important;
        }

        a {
          color: #fdfdfd !important;
        }

        /* Custom Dark Mode Text Link Color */
        .footer a {
          color: #fdfdfd !important;
        }

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

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

        .btn.primary {
          background: #fdfdfd !important;
          color: #000000 !important;
          border: 3px solid #fdfdfd !important;
        }

        .btn.primary a {
          color: #000000 !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;
      }

      [data-ogsc] .btn.primary {
        background: #fdfdfd !important;
        color: #000000 !important;
      }

      [data-ogsc] .btn.primary a {
        color: #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 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;">
   <!--TEMPLATE INSTRUCTION, ENTER VARIABLES HERE-->
   <!--TEMPLATE INSTRUCTION, ENTER VARIABLES HERE-->
  </div>
  <div>
   <div style="display: none; font-size: 1px; color: #ffffff; line-height: 1px; font-family: Inter, Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
    Take your designs to the next level with updates to Figma Sites, Figma Draw, and Figma Make.
       
 ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
   </div>
   <table cellpadding="0" cellspacing="0" class="darkmode gmail-fix" role="presentation" style="background: #ffffff; min-width: 320px;" width="100%">
    <!-- main section -->
    <tbody>
     <tr>
      <td align="center" class="pt-0 pb-0" style="padding: 24px 0;">
       <table cellpadding="0" cellspacing="0" class="darkmode w-100p" role="presentation" style="max-width: 650px;" width="650">
        <tbody>
         <tr>
          <td class="brdr-0 radius-0" style="border: 1px solid #E2E2E2; border-radius: 24px; overflow: hidden;">
           <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" style="font-family: Inter, Helvetica, Arial, sans-serif; color: #000000;" width="100%">
            <!-- hero image -->
            <tbody>
             <tr>
              <td align="left">
               <a target="_blank">
                <img alt="Release Notes" class="w-100p radius-0" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F5ec19bdabcf42b208f900068e27c5da1ccf7b4a5/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NTE0NDA2MjAuNjk5MjcxfQ:1uWriG:kYPrXZIHJ-97sy3zJlP4ki0JHyOgl_dd2OHpMtMp-j8" style="width: 650px; max-width: 650px; border-radius: 24px 24px 0 0; font-size: 30px; font-family: Inter, Helvetica, Arial, sans-serif; color: #000000; vertical-align: top; line-height: 44px;" width="650"/>
               </a>
              </td>
             </tr>
             <!-- end of hero -->
             <!-- intro -->
             <tr>
              <td align="left" class="pl-20 pr-20 pt-30" style="padding: 48px 60px 38px 60px;">
               <p class="fs-body" style="font-size: 16px; line-height: 22px; font-family:'Inter', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; margin: 0;">
                This month is all about new ways to bring designs to life with code. Improve design-to-code outputs with our new MCP server. Tap into the power of AI and code to create fully functional prototypes in Figma Make, and customize your website interactions in Figma Sites.
               </p>
              </td>
             </tr>
             <!-- end of intro -->
             <!-- featured -->
             <tr>
              <td>
               <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                <tbody>
                 <tr>
                  <td class="pl-20 pr-20 pt-10 pb-30" style="padding: 20px 60px 48px 60px;">
                   <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                    <tbody>
                     <tr>
                      <td class="ptb-10" style="padding-bottom: 20px;">
                       <h2 class="fs-h1" style="font-size: 32px; line-height: 38px; letter-spacing: -0.5px;">
                        The Dev Mode MCP server is in open beta 🎉
                       </h2>
                      </td>
                     </tr>
                     <tr>
                      <td class="pb-10" style="padding-bottom: 16px;">
                       <p class="fs-body" style="font-size: 16px; line-height: 22px; font-family:'Inter', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; margin: 0;">
                        Improve your design-to-code efficiency with design-informed code generation. The Dev Mode MCP server brings Figma design context—like variables, Code Connect mappings, and more—directly into your agentic coding tools.
                       </p>
                      </td>
                     </tr>
                     <tr>
                      <td>
                       <a class="fs-body link" style="color: #5551ff; text-decoration: underline; font-weight: bold;font-size: 16px; line-height: 22px; font-family:'Inter', Helvetica, Arial, sans-serif;">
                        Learn more →
                       </a>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
             <!-- end of featured -->
             <!-- 2 columns -->
             <tr>
              <td class="pl-20 pr-20 pt-30 pb-30" style="padding: 24px 12px;">
               <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                <tbody>
                 <tr>
                  <td class="tflex pl-0 pr-0 pb-60" style="padding: 0 12px;" valign="top" width="50%">
                   <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                    <tbody>
                     <tr>
                      <td class="pb-10" style="padding-bottom: 16px;">
                       <a target="_blank">
                        <img alt="Create custom websites with Figma Sites" class="w-100p" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fb3b0eb364684723421cd1f52bce94f116bea5634/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NTE0NDA2MjAuNjk5NDYxNX0:1uWriG:ZBVjKaAysdN7y7hl6ZqJR5w_Qk8og1bZ4sO3cDa61Wg" style="width: 289px; max-width: 289px; font-size: 30px; font-family: Inter, Helvetica, Arial, sans-serif; color: #a5a5a5; vertical-align: top; line-height: 44px; text-align: center;" width="289"/>
                       </a>
                      </td>
                     </tr>
                     <tr>
                      <td class="ptb-10" style="padding-bottom: 16px;">
                       <h2 class="fs-h2" style="font-size: 22px; font-weight: 600; line-height: 28px;">
                        Create custom websites with code layers in Figma Sites
                       </h2>
                      </td>
                     </tr>
                     <tr>
                      <td class="pb-10" style="padding-bottom: 16px;">
                       <p class="fs-body" style="font-size: 16px; line-height: 22px; font-family:'Inter', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; margin: 0;">
                        Build websites with interactions and animations backed by real code—written by you or with help from Figma AI. Whether you’re dreaming of hover effects, scroll animations, or 3D spinning objects, anything is possible.
                       </p>
                      </td>
                     </tr>
                     <tr>
                      <td>
                       <a class="fs-body link" style="color: #5551ff; text-decoration: underline; font-weight: bold;font-size: 16px; line-height: 22px; font-family:'Inter', Helvetica, Arial, sans-serif;">
                        Learn more →
                       </a>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                  <td class="tflex pl-0 pr-0" style="padding: 0 12px;" valign="top" width="50%">
                   <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                    <tbody>
                     <tr>
                      <td class="pb-10" style="padding-bottom: 16px;">
                       <a target="_blank">
                        <img alt="Figma Make" class="w-100p" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F67d1462f62061f31badd90909ca0b7976764c068/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NTE0NDA2MjAuNjk5NTczfQ:1uWriG:ejPWLVd5whq0OYlRedSYz6R8WiQmUWXaOqL50RWbSTA" style="width: 289px; max-width: 289px; font-size: 30px; font-family: Inter, Helvetica, Arial, sans-serif; color: #a5a5a5; vertical-align: top; line-height: 44px; text-align: center;" width="289"/>
                       </a>
                      </td>
                     </tr>
                     <tr>
                      <td class="ptb-10" style="padding-bottom: 16px;">
                       <h2 class="fs-h2" style="font-size: 22px; font-weight: 600; line-height: 28px;">
                        Make it real with Figma Make
                       </h2>
                      </td>
                     </tr>
                     <tr>
                      <td class="pb-10" style="padding-bottom: 16px;">
                       <p class="fs-body" style="font-size: 16px; line-height: 22px; font-family:'Inter', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; margin: 0;">
                        Figma Make is officially available to everyone with a Full seat. Jump in to quickly explore your ideas and create interactive prototypes. Go on, make your weirdest.
                       </p>
                      </td>
                     </tr>
                     <tr>
                      <td>
                       <a class="fs-body link" style="color: #5551ff; text-decoration: underline; font-weight: bold;font-size: 16px; line-height: 22px; font-family:'Inter', Helvetica, Arial, sans-serif;">
                        Learn more →
                       </a>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
             <!-- end of 2 columns -->
             <!-- 2 columns -->
             <tr>
              <td class="pl-20 pr-20 pt-30 pb-30" style="padding: 24px 12px;">
               <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                <tbody>
                 <tr>
                  <td class="tflex pl-0 pr-0 pb-60" style="padding: 0 12px;" valign="top" width="50%">
                   <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                    <tbody>
                     <tr>
                      <td class="pb-10" style="padding-bottom: 16px;">
                       <a target="_blank">
                        <img alt="No more missing Apple Fonts" class="w-100p" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F79002ab9cb914675034c5d970aeb38710216cdde/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NTE0NDA2MjAuNjk5Njc0MX0:1uWriG:JWXbm50sW5Rk83lF7Rf-FvTC-b_chMO7L_sHjpSkeQw" style="width: 289px; max-width: 289px; font-size: 30px; font-family: Inter, Helvetica, Arial, sans-serif; color: #a5a5a5; vertical-align: top; line-height: 44px; text-align: center;" width="289"/>
                       </a>
                      </td>
                     </tr>
                     <tr>
                      <td class="ptb-10" style="padding-bottom: 16px;">
                       <h2 class="fs-h2" style="font-size: 22px; font-weight: 600; line-height: 28px;">
                        Say goodbye to missing Apple fonts
                       </h2>
                      </td>
                     </tr>
                     <tr>
                      <td class="pb-10" style="padding-bottom: 16px;">
                       <p class="fs-body" style="font-size: 16px; line-height: 22px; font-family:'Inter', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; margin: 0;">
                        Apple SF Pro and SF Compact are now in Figma Design—so you won’t see the dreaded “missing fonts” pop up when you’re designing for iOS.
                       </p>
                      </td>
                     </tr>
                     <tr>
                      <td>
                       <a class="fs-body link" style="color: #5551ff; text-decoration: underline; font-weight: bold;font-size: 16px; line-height: 22px; font-family:'Inter', Helvetica, Arial, sans-serif;">
                        Learn more →
                       </a>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                  <td class="tflex pl-0 pr-0" style="padding: 0 12px;" valign="top" width="50%">
                   <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                    <tbody>
                     <tr>
                      <td class="pb-10" style="padding-bottom: 16px;">
                       <a target="_blank">
                        <img alt="Figma Make Themes" class="w-100p" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F2ce54d311d824ceb46c182dfbd71ce94f68be658/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NTE0NDA2MjAuNjk5NzY4NX0:1uWriG:M8_y7Zt4FT0WTeBMTC2C2ladZx-FnQaW5N_4OY4FAec" style="width: 289px; max-width: 289px; font-size: 30px; font-family: Inter, Helvetica, Arial, sans-serif; color: #a5a5a5; vertical-align: top; line-height: 44px; text-align: center;" width="289"/>
                       </a>
                      </td>
                     </tr>
                     <tr>
                      <td class="ptb-10" style="padding-bottom: 16px;">
                       <h2 class="fs-h2" style="font-size: 22px; font-weight: 600; line-height: 28px;">
                        Keep your designs consistent in Figma Make
                       </h2>
                      </td>
                     </tr>
                     <tr>
                      <td class="pb-10" style="padding-bottom: 16px;">
                       <p class="fs-body" style="font-size: 16px; line-height: 22px; font-family:'Inter', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; margin: 0;">
                        Bring styling context from your existing design library and set custom rules in Figma Make so that every output looks and feels like the rest of your work in Figma.
                       </p>
                      </td>
                     </tr>
                     <tr>
                      <td>
                       <a class="fs-body link" style="color: #5551ff; text-decoration: underline; font-weight: bold;font-size: 16px; line-height: 22px; font-family:'Inter', Helvetica, Arial, sans-serif;">
                        Learn more →
                       </a>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
             <!-- end of 2 columns -->
             <!-- Recap -->
             <tr>
              <td>
               <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                <tbody>
                 <tr>
                  <td class="pl-20 pr-20 pt-10 pb-30" style="padding: 40px 60px 48px 60px;">
                   <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                    <tbody>
                     <tr>
                      <td class="ptb-10" style="padding-bottom: 20px;">
                       <h2 class="fs-h2" style="font-size: 22px; font-weight: 600; line-height: 28px;">
                        Want to brush up on the latest Config launches?
                        <br/>
                        Watch the Office Hours recaps.
                       </h2>
                      </td>
                     </tr>
                     <tr>
                      <td class="pb-10" style="padding-bottom: 16px;">
                       <p class="fs-body" p="" style="font-size: 16px; line-height: 22px; font-family:'Inter', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; margin: 0;">
                        Catch up on video recordings where we deep dive into all the launches from Config 2025.
                       </p>
                      </td>
                     </tr>
                     <tr>
                      <td>
                       <a class="fs-body link" style="color: #5551ff; text-decoration: underline; font-weight: bold;font-size: 16px; line-height: 22px; font-family:'Inter', Helvetica, Arial, sans-serif;">
                        Watch the sessions →
                       </a>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
             <!-- end of Recap -->
             <tr>
              <td style="padding: 24px 24px 0 24px;">
               <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                <!-- Footer -->
                <tbody>
                 <tr>
                  <td>
                   <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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NTE0NDA2MjAuNjk5ODU5MX0:1uWriG:pjf9-T1z-jAmr9dRKCRhmv8SPuNNU5Xw4KigekOuMJo" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NTE0NDA2MjAuNjk5OTQ5fQ:1uWriG:1pDwaYcr82w8kbMykfyEwNFBPY68AyyghCVlmZz9pSw" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NTE0NDA2MjAuNzAwMDM3fQ:1uWriG:6eOHgTkD_O300dNarWKGvL9BZ10BWmNvQzo3kF7b3qo" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NTE0NDA2MjAuNzAwMTI1NX0:1uWriG:CoWfqaXWK7TdUjk-jzMzGsmBfn_dWBgAJyotbc7eRzY" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NTE0NDA2MjAuNzAwMjU4fQ:1uWriG:XXAeXSPbxNjhEbOPCszniy6GA2ktU3kpOCsiRz7NXkM" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NTE0NDA2MjAuNzAwMzUzNH0:1uWriG:Fnfw-jpN_gS-uCXpuLKSpGHsWotC90YmxZ3RdyWdhUk" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NTE0NDA2MjAuNzAwNDQ2MX0:1uWriG:H7ij_W-cY-geG0AsNFjPVjDcJxeqJ6AM4ANrKRI0jx8" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NTE0NDA2MjAuNzAwNTQxM30:1uWriG:HGZvM_GQK5ROKV99O-VG8W2K324zszzDT82oocAfszg" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NTE0NDA2MjAuNzAwNjMxNH0:1uWriG:xIxoRnajOYCH0pL9EpPuEJUYf65HEKdBVS1wQMpmYVs" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NTE0NDA2MjAuNzAwNzE4Nn0:1uWriG:huSrVBXZEvWRXYYXECa94gFqIOGkmBq3V213rrPKXdw" 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>
                         <tr>
                          <td align="center" style="font-size: 12px; line-height: 17px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #a5a5a5; padding: 0 0 32px;">
                           <a style="text-decoration: underline; color: #a5a5a5; font-weight: normal;">
                            Unsubscribe
                           </a>
                           from Figma marketing emails.
                          </td>
                         </tr>
                        </tbody>
                       </table>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                 <!-- End Footer -->
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
          </td>
         </tr>
        </tbody>
       </table>
      </td>
     </tr>
     <!-- end of main section -->
    </tbody>
   </table>
  </div>
  <img alt="" src="https://inboxflows.com/_/image/https%253A%252F%252Fe.customeriomail.com%252Fe%252Fo%252FeyJlbWFpbF9pZCI6ImRnVDZ1UWtMQU42bVE5Mm1Rd0dYeWY3enVMa0xDSjRVR29MS3RuVT0ifQ%253D%253D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlLmN1c3RvbWVyaSIsInRpbWUiOjE3NTE0NDA2MjAuNzAwODI2NH0:1uWriG:SIQSOWwQ09sd3OtZeIK-9FLzNNVCrBIQgv-pTzPAwEA" style="height: 1px !important; max-height: 1px !important; max-width: 1px !important; width: 1px !important; display: none !important;"/>
 </body>
</html>