Inboxes List

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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nc3RhdCIsInRpbWUiOjE3NzUwNDAyODguMDkwNzc3OX0:1w7t44:fi5Mkbymuj5RsEckRmokB3IJm3xKO30pNHslxO2bPVg) 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nc3RhdCIsInRpbWUiOjE3NzUwNDAyODguMDkxMzM1NX0:1w7t44:qtszVlDG6Jdc0N6Izq8D3RSVMrfqGYrUlgtS8VuTZ6Y) 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;
      }

      .inline-code {
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        font-size: 0.9em;
        line-height: 1;
        background: #f3f3f3;
        border-radius: 4px;
        padding: 2px 6px;
        color: #000000;
        white-space: nowrap;
      }

      .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: #CB9FD2 !important;
        }

        /* Custom Dark Mode Text Link Color */

        .btn-link {
          color: #fff !important;
        }

        .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: 'Inter', Arial, Helvetica, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
   <!--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;">
    Slots, agents in canvas, and more Figma product updates this month.
       
 ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
   </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="Figma Release Notes" class="w-100p radius-0" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F9a6197829f67e00e9b2246ee49c1f3d6e8d0e271/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAxMjc5fQ:1w7t44:W2tqs1bz8lqpfITzDQ9-Im3BP1t6oMbESgeM3BSLh7o" style="width: 650px; max-width: 650px; border-radius: 24px 24px 0 0; font-size: 30px; font-family: Inter, Helvetica, Arial, sans-serif; color: #a5a5a5; 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;">
                Detach instance.
                <br/>
                <br/>
                Did those two words just send a shiver down your spine? If so, never fear;
                <a class="link" style="text-decoration: underline; font-weight: bold; color: #000000;">
                 slots are here
                </a>
                ! Customize components without detaching instances or breaking from your design system.
                <br/>
                <br/>
                Learn more about slots, plus other Figma updates, below.
               </p>
              </td>
             </tr>
             <!-- end of intro -->
             <!-- featured block slots -->
             <tr>
              <td>
               <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                <tbody>
                 <tr>
                  <td align="left" class="pl-20 pr-20 pt-0 pb-0" style="padding: 24px 24px 0 24px;">
                   <a target="_blank">
                    <img alt="Slots" class="w-100p" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F9ac74577102982fd278053be12297bd2b748cf35/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAxNDYyMX0:1w7t44:3VJZ35UUe5gn5DhnSuOATDr6hABqKIxfh43ETZvxBy4" style="width: 600px; max-width: 600px; font-size: 22px; font-family: Inter, Helvetica, Arial, sans-serif; color: #a5a5a5; vertical-align: top; line-height: 44px; text-align: center;" width="600"/>
                   </a>
                  </td>
                 </tr>
                 <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-h2" style="font-size: 32px; line-height: 38px; letter-spacing: -0.5px;">
                        Hello slots. Goodbye detaching.
                       </h2>
                      </td>
                     </tr>
                     <tr>
                      <td class="pb-10" style="padding-bottom: 20px;">
                       <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;">
                        Add content without breaking structure. Slots unlock dynamic component instances so designers can customize modals, cards, and more—no detaching needed.
                        <br/>
                        <br/>
                        Want to learn about slots best practices? Register now for our
                        <a class="link" style="text-decoration: underline; font-weight: bold; color: #000000;">
                         upcoming livestream
                        </a>
                        on April 8.
                       </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;">
                        Try it out →
                       </a>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
             <!-- end of featured -->
             <!-- featured block AI canvas -->
             <tr>
              <td>
               <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                <tbody>
                 <tr>
                  <td align="left" class="pl-20 pr-20 pt-0 pb-0" style="padding: 24px 24px 0 24px;">
                   <a target="_blank">
                    <img alt="MCP code to Figma" class="w-100p" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F8f4ae9b7f375de9d44368cbc9015e09e6d4520b6/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAxNjE3Nn0:1w7t44:InhJlAgwbMY9yeHT74_gbVz_Y8P2t3KND_Tamiw1_ao" style="width: 600px; max-width: 600px; font-size: 22px; font-family: Inter, Helvetica, Arial, sans-serif; color: #a5a5a5; vertical-align: top; line-height: 44px; text-align: center;" width="600"/>
                   </a>
                  </td>
                 </tr>
                 <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-h2" style="font-size: 32px; line-height: 38px; letter-spacing: -0.5px;">
                        The canvas is open to AI agents
                       </h2>
                      </td>
                     </tr>
                     <tr>
                      <td class="pb-10" style="padding-bottom: 20px;">
                       <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;">
                        You can now direct AI agents to design on the Figma canvas with our new
                        <code class="inline-code">
                         use_figma
                        </code>
                        MCP tool, currently in beta.
                        <br/>
                        <br/>
                        <a class="link" style="text-decoration: underline; font-weight: bold; color: #000000;">
                         With skills
                        </a>
                        —instructions written as markdown files—you can guide agents to create or update designs using your existing components and design system conventions.
                       </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;">
                        Explore now →
                       </a>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
             <!-- end of featured -->
             <!-- List with icons -->
             <tr>
              <td class="pl-20 pr-20 pt-10 pb-30" style="padding: 24px 60px 48px 60px;">
               <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                <tbody>
                 <tr>
                  <td class="ptb-10" style="padding-bottom: 10px;">
                   <h2 class="fs-h2" style="font-size: 32px; line-height: 38px; letter-spacing: -0.5px;">
                    New ways to work in Figma
                   </h2>
                  </td>
                 </tr>
                 <tr>
                  <td class="pl-20 pr-20 pt-0 pb-30" style="padding: 24px 24px 0px 0px;">
                   <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                    <!-- Responsive Row -->
                    <tbody>
                     <tr>
                      <td style="padding: 10px 0 24px 0;">
                       <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                        <tbody>
                         <tr>
                          <td class="w60" valign="top" width="80">
                           <a target="_blank">
                            <img alt="Ai image tool" class="w60" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fd1d80a3c214be128c1164f6b7eb65c2e1905fb94/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAxNzIyfQ:1w7t44:RZ9-qwGzcJ0b-f81GoZSSJCysROJLZIxnsZpQGY7sEU" style="width: 80px; display: block;" width="80"/>
                           </a>
                          </td>
                          <td style="padding-left: 24px;" valign="top">
                           <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                            <tbody>
                             <tr>
                              <td style="padding-bottom: 8px;">
                               <h2 class="fs-h2" style="font-size: 22px; font-weight: 600; line-height: 28px;">
                                AI image tools now in FigJam, Slides, and Buzz
                               </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;">
                                Easily create and edit images across more Figma products. Expand backgrounds, isolate and erase objects, or vectorize images directly.
                               </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;">
                                Read more →
                               </a>
                              </td>
                             </tr>
                            </tbody>
                           </table>
                          </td>
                         </tr>
                        </tbody>
                       </table>
                      </td>
                     </tr>
                     <!-- End of Responsive Row -->
                     <!-- Responsive Row -->
                     <tr>
                      <td style="padding: 10px 0 24px 0;">
                       <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                        <tbody>
                         <tr>
                          <td class="w60" valign="top" width="80">
                           <a target="_blank">
                            <img alt="macOS eyedropper tool" class="w60" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F9264e26ede78c279f336bf972fba3b6634c862e2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAxODE4M30:1w7t44:dKuB68YDreREyVqXt8DE5W_Ai0mY0XMQ34_01daT_QU" style="width: 80px; display: block;" width="80"/>
                           </a>
                          </td>
                          <td style="padding-left: 24px;" valign="top">
                           <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                            <tbody>
                             <tr>
                              <td style="padding-bottom: 8px;">
                               <h2 class="fs-h2" style="font-size: 22px; font-weight: 600; line-height: 28px;">
                                Sample colors from anywhere
                               </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;">
                                Use the eyedropper tool to sample colors anywhere on your screen when you use the macOS desktop app. No more tool switching when inspiration strikes.
                               </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;">
                                Get started →
                               </a>
                              </td>
                             </tr>
                            </tbody>
                           </table>
                          </td>
                         </tr>
                        </tbody>
                       </table>
                      </td>
                     </tr>
                     <!-- End of Responsive Row -->
                    </tbody>
                   </table>
                  </td>
                 </tr>
                 <!-- end of List with icons -->
                </tbody>
               </table>
              </td>
             </tr>
             <!-- config -->
             <tr>
              <td>
               <table cellpadding="0" cellspacing="0" class="darkmode" role="presentation" width="100%">
                <tbody>
                 <tr>
                  <td align="left" class="pl-20 pr-20 pt-0 pb-0" style="padding: 24px 24px 0 24px;">
                   <a target="_blank">
                    <img alt="Config 2026 speakers" class="w-100p" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Ff73fb5796787599642ea0a8b340c2ac965c3400c/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAxOTEzN30:1w7t44:LJrP12TXHsJrI52Ldip_ptdKnhoPU9ro_CjHjqf-4wU" style="width: 100%; max-width: 100%x; font-size: 22px; font-family: Inter, Helvetica, Arial, sans-serif; color: #a5a5a5; vertical-align: top; line-height: 44px; text-align: center;" width="100%"/>
                   </a>
                  </td>
                 </tr>
                 <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-h2" style="font-size: 32px; line-height: 38px; letter-spacing: -0.5px;">
                        Get to know the Config speakers
                       </h2>
                      </td>
                     </tr>
                     <tr>
                      <td class="pb-10" style="padding-bottom: 20px;">
                       <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;">
                        Our Config 2026 speaker lineup is live!
                        <a class="link" style="text-decoration: underline; font-weight: bold; color: #000000;">
                         Explore this year’s 50+ speakers
                        </a>
                        and register to join us June 23-25 in San Francisco.
                        <br/>
                        <br/>
                        In-person tickets are going fast, so grab yours today. Or register to attend virtually, for free.
                       </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;">
                        Register today →
                       </a>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                 <!-- end of config -->
                 <!-- Footer -->
                 <tr>
                  <td>
                   <table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width:600px; 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="600">
                       <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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAyMDA2NH0:1w7t44:-LRuqdt2DWQboYeR4oAfbSoXVQejFlDyUVab-DgnmTk" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAyMDk4N30:1w7t44:SR_Ab7pEfvuwsYXDimjIOs4i7WomS8E0auow9aYj12I" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAyMTg5OH0:1w7t44:NdOdSMyH44mwLqbPi7dggk7hNZJaImDGYl93jNtC73s" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAyMjgzMn0:1w7t44:Neswg5BsANfQncmI-KY1BrpiHX0HcsOUhXGndEWy2Dc" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAyMzg2fQ:1w7t44:wr3tiySBFvFv2M8BPzfYmx4I35Cs_J9H36bXXBq5arA" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAyNDgzM30:1w7t44:DaABZnKZ9TTaZmhfy1q0f4BVV5jWw7rQKe1wCRma-yE" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAyNTc3fQ:1w7t44:gkhppxI0hVCj7UpagF8m8tom471ynGr_A1KQuxOIoRs" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAyNjY5NX0:1w7t44:G4HyIWjJ_E_-IFlT1KuVTmCau55NYQSW5JH_mOV3nmE" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAyNzYxNX0:1w7t44:G0mrRrc9PyF93SZ_L7qk_DMeOFoM7B0gvMdMtAoevww" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSIsInRpbWUiOjE3NzUwNDAyODguMTAyODUzfQ:1w7t44:BzKMyxAHikJjP0lJ9sDqEvQnnlcFjkGRP5mYTSeNDI8" 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%252FeyJlbWFpbF9pZCI6ImRnVDZ1UWtMQU1HTWx3akFqSmNJQVoxSXBVMk81VEVONHRLQzRxRTdEQT09In0%253D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlLmN1c3RvbWVyaSIsInRpbWUiOjE3NzUwNDAyODguMTAyOTY2fQ:1w7t44:Bja1-B2msj9Rq-2NkhBnofRJuVzK-i2H5RMlLfblaJo" style="height: 1px !important; max-height: 1px !important; max-width: 1px !important; width: 1px !important; display: none !important;"/>
 </body>
</html>