Figma email 10

This email from Figma serves as a product update newsletter aimed at informing users about the latest features and improvements, primarily targeting design and development teams. It starts with a personalized greeting, followed by announcements of new functionalities like Code Connect and typography variables, using concise sections with descriptive headings and call-to-action links for further learning or event registration. The tone is professional and encouraging, designed to engage users with educational resources, upcoming events, and invitation to adopt new tools within the Figma design platform.

Subject:

Make it (Frame) work

Date sent:

April 25, 2024

from

Figma

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <title>Figma</title> <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" /> <meta name="x-apple-disable-message-reformatting" /> <meta name="color-scheme" content="light dark" /> <meta name="supported-color-schemes" content="light dark" /> <style type="text/css"> /*<![CDATA[*/ :root { color-scheme: light dark; supported-color-schemes: light dark; } /*]]>*/ </style> <style type="text/css"> /*<![CDATA[*/ @font-face { font-family: 'Whyte'; font-style: normal; font-weight: normal; src: /*url(.eot?#iefix) format('embedded-opentype'), url(.woff2) format('woff2'), url(.ttf) format('truetype'),*/ url(https://static.figma.com/uploads/9254519927cf4912e61627442d7ab7a5a9226581.woff) format('woff'); mso-font-alt: 'Arial'; } h1 { font-size: 32px; line-height: 44px; font-family: 'Whyte', Helvetica, Arial, sans-serif; color: #000000; text-align: left; font-weight: normal; margin: 0; } h2 { font-size: 28px; line-height: 36px; font-family: 'Whyte', Helvetica, Arial, sans-serif; color: #000000; text-align: center; font-weight: normal; margin: 0; } h3 { font-size: 20px; line-height: 26px; font-family: 'Whyte', Helvetica, Arial, sans-serif; color: #000000; text-align: left; font-weight: normal; margin: 0; } h4 { font-size: 18px; line-height: 22px; font-family: 'Whyte', Helvetica, Arial, sans-serif; color: #333333; font-weight: normal; margin: 0; } h5 { font-size: 20px; line-height: 24px; font-family: 'Whyte', Helvetica, Arial, sans-serif; color: #000000; font-weight: normal; margin: 0; } h6 { font-size: 20px; line-height: 24px; font-family: 'Whyte', Helvetica, Arial, sans-serif; color: #000000; font-weight: normal; ; margin: 0; } sup { font-size: 12px; color: #9747FF; font-weight: bold; font-family: 'Whyte', Helvetica, Arial, sans-serif; vertical-align: top; line-height: 0; mso-font-size: 12px !important; mso-text-raise: 40%; } a { outline: none; text-decoration: none; } a:hover { text-decoration: none !important; } .h-u a { text-decoration: underline; } .h-u a:hover, .active-t a:hover { text-decoration: none !important; } a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; } .active-i a:hover, .active-t:hover { opacity: 0.85; } .active-i a, .active-t { transition: all 0.3s ease; } .link:hover { text-decoration: none !important; } .cta-border:hover { border-bottom: 1px solid transparent !important; } .fadeimg { transition: 0.3s !important; opacity: 1 !important; } .fadeimg:hover { transition: 0.3s !important; opacity: 0.9 !important; } .cta { transition: 0.3s !important; } a img { border: none; } b, strong { font-weight: 700; } p { margin: 0; } th { padding: 0; } table, td { mso-table-lspace: 0; mso-table-rspace: 0; border-spacing: 0; border: 0; } .ns span, .ns a { color: inherit !important; text-decoration: none !important; border: none !important; } @media only screen and (max-width:375px) and (min-width:374px) { .gmail-fix { min-width: 374px !important; } } @media only screen and (max-width:414px) and (min-width:413px) { .gmail-fix { min-width: 413px !important; } } @media screen and (max-width: 649px) { .w-100p { width: 100% !important; } .wi-100p img { width: 100% !important; height: auto !important; } .wi-33p img { width: 33% !important; height: auto !important; } .wi-66p img { width: 66% !important; height: auto !important; } .wi-100px img { width: 100px !important; height: auto !important; } .wi-150px img { width: 150px !important; height: auto !important; } .tflex { display: block !important; width: 100% !important; } .fs-14 { font-size: 14px !important; } .fs-16 { font-size: 16px !important; } .fs-18 { font-size: 18px !important; } .fs-20 { font-size: 20px !important; } .fs-22 { font-size: 22px !important; } .fs-24 { font-size: 24px !important; } .fs-28 { font-size: 28px !important; font-weight: bold !important; } .fs-32 { font-size: 32px !important; } .lh-18 { line-height: 18px !important; } .lh-19 { line-height: 19px !important; } .lh-20 { line-height: 20px !important; } .lh-24 { line-height: 24px !important; } .lh-25 { line-height: 25px !important; } .lh-26 { line-height: 26px !important; } .lh-34 { line-height: 34px !important; } .lh-38 { line-height: 38px !important; } .pt-0 { padding-top: 0 !important; } .pt-24 { padding-top: 24px !important; } .pt-40 { padding-top: 40px !important; } .pt-60 { padding-top: 60px !important; } .pt-70 { padding-top: 70px !important; } .pb-0 { padding-bottom: 0 !important; } .pb-24 { padding-bottom: 24px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-60 { padding-bottom: 50px !important; } .pb-70 { padding-bottom: 70px !important; } .pl-0 { padding-left: 0px !important; } .pl-20 { padding-left: 20px !important; } .pl-35 { padding-left: 35px !important; } .pl-60 { padding-left: 60px !important; } .pr-0 { padding-right: 0px !important; } .pr-20 { padding-right: 20px !important; } .pr-35 { padding-right: 35px !important; } .pr-45 { padding-right: 45px !important; } .plr-15 { padding-left: 15px !important; padding-right: 15px !important; } .plr-20 { padding-left: 20px !important; padding-right: 20px !important; } .plr-25 { padding-left: 25px !important; padding-right: 25px !important; } .plr-30 { padding-left: 30px !important; padding-right: 30px !important; } .plr-40 { padding-left: 40px !important; padding-right: 40px !important; } .ptb-24 { padding-top: 24px !important; padding-bottom: 24px !important; } .ptb-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .ptb-60 { padding-top: 60px !important; padding-bottom: 60px !important; } } /*]]>*/ </style> <style type="text/css"> /*<![CDATA[*/ @media (prefers-color-scheme: dark) { /* Shows Dark Mode-Only Content, Like Images */ .dark-img { display: block !important; width: auto !important; overflow: visible !important; float: none !important; max-height: inherit !important; max-width: inherit !important; line-height: auto !important; margin-top: 0px !important; visibility: inherit !important; } /* Hides Light Mode-Only Content, Like Images */ .light-img { display: none; display: none !important; } /* Custom Dark Mode Background Color */ .darkmode { background-color: #000000 !important; } /* Custom Dark Mode Font Colors */ h1, h2, h3, h4, h5, p, ul, li { color: #fdfdfd !important; } h6 { color: #F79CFF !important; } span { color: #fdfdfd !important; } a { color: #fdfdfd !important; } /* Custom Dark Mode Text Link Color */ .link { color: #C7B9FF !important; } .footer a { color: #fdfdfd !important; } .cta-border { color: #fdfdfd !important; border: 3px solid #fdfdfd !important; } .cta-border span { color: #7EABCE !important; } .btn-black { background-color: #fdfdfd !important; color: #000000 !important; border: 3px solid #fdfdfd !important; border-radius: 5px !important; mso-color: #000000 !important; mso-border: 3px solid #fdfdfd !important; mso-border-radius: 5px !important; } .btn-white { background-color: #fdfdfd !important; color: #000000 !important; border: 3px solid #fdfdfd !important; border-radius: 5px !important; mso-color: #000000 !important; mso-border: 3px solid #fdfdfd !important; mso-border-radius: 5px !important; } .btn-white2 { background-color: #000000 !important; color: #ffffff !important; border: 3px solid #fdfdfd !important; border-radius: 5px !important; mso-color: #ffffff !important; mso-border: 3px solid #fdfdfd !important; mso-border-radius: 5px !important; } } .darkmode-outro { color: #000 !important; } /* Copy dark mode styles for android support */ /* Shows Dark Mode-Only Content, Like Images */ [data-ogsc] .dark-img { display: block !important; width: auto !important; overflow: visible !important; float: none !important; max-height: inherit !important; max-width: inherit !important; line-height: auto !important; margin-top: 0px !important; visibility: inherit !important; } /* Hides Light Mode-Only Content, Like Images */ [data-ogsc] .light-img { display: none; display: none !important; } /* Custom Dark Mode Background Color */ [data-ogsc] .darkmode { background-color: #000000 !important; } [data-ogsc] .darkmode_blue { background-color: #5551FE !important; } [data-ogsc] .darkmode2, [data-ogsc] .callout { background-color: #1c1c1c !important; } /* Custom Dark Mode Font Colors */ [data-ogsc] h1, [data-ogsc] h2, [data-ogsc] h3, [data-ogsc] h4, [data-ogsc] h5, [data-ogsc] h6, [data-ogsc] p, [data-ogsc] li, [data-ogsc] ul { color: #fdfdfd !important; } [data-ogsc] span { color: #000000 !important; } [data-ogsc] a { color: #000000 !important; } /* Custom Dark Mode Text Link Color */ [data-ogsc] .link { color: #ffffff !important; } [data-ogsc] .footer a { color: #fdfdfd !important; } [data-ogsc] .cta-border { color: #7EABCE !important; border-bottom: 3px solid #7EABCE !important; } [data-ogsc] .cta-border span { color: #7EABCE !important; } [data-ogsc] .btn-black { background-color: #fdfdfd !important; color: #000000 !important; border: 3px solid #fdfdfd !important; border-radius: 5px !important; mso-background-color-alt: #fdfdfd !important; mso-color-alt: #000000 !important; mso-border-alt: 3px solid #fdfdfd !important; mso-border-radius-alt: 5px !important; } [data-ogsc] .btn-white { background-color: #fdfdfd !important; color: #000000 !important; border: 3px solid #fdfdfd !important; border-radius: 5px !important; mso-background-color-alt: #fdfdfd !important; mso-color-alt: #000000 !important; mso-border-alt: 3px solid #fdfdfd !important; mso-border-radius-alt: 5px !important; } [data-ogsc] .btn-white2 { background-color: #000000 !important; color: #ffffff !important; border: 3px solid #ffffff !important; border-radius: 5px !important; mso-color-alt: #ffffff !important; mso-border-alt: 3px solid #fdfdfd; mso-border-radius-alt: 5px !important; mso-background-color-alt: #000000 !important; } /*]]>*/ </style> </head>            <body class="darkmode" style="background:#ffffff; margin:0; padding:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;"> <div class="mktEditable" id="edit_text_1"> <div style="display: none; font-size: 1px; color: #ffffff; line-height: 1px; font-family: 'Whyte', Arial, Helvetica, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;"> What's new in Figma.  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌&nbs p;‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  </div> <table class="darkmode gmail-fix" width="100%" style="background: #fff; min-width: 320px;" cellspacing="0" cellpadding="0">  <tbody> <tr> <td> <table class="darkmode w-100p" width="650" align="center" style="max-width: 650px; margin: 0 auto;" cellpadding="0" cellspacing="0"> <tbody> <tr> <td class="wi-100p" align="center" style="padding: 0px;"><a href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrdpIb8Mm1bvuouCqIbC_0SCxLa7UW3aJuIdbhMH2bgZUuvFJ4rkrTpHVEgkBr7B5wMM=" target="_blank" > <img class="light-img" src="https://static.figma.com/uploads/77d3689e3131f6fe351e5c2f715099bcb0260e19" width="650" style="width: 650px; max-width: 650px; font-size: 30px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #000000; background-color: #FF01E6; vertical-align: top; line-height: 44px; text-align: center;" alt="What's new in Figma" />  <div class="dark-img wi-650px" style="display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;" align="center"> <img src="https://static.figma.com/uploads/77d3689e3131f6fe351e5c2f715099bcb0260e19" width="650" style="width: 650px; max-width: 650px; font-size: 30px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #000000; background-color: #F79Cff; vertical-align: top; line-height: 44px; text-align: center;" alt="March alignments and refinements" /> </div> </a>  </td> </tr> </tbody> </table> <table class="w-100p darkmode" align="center" width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <table class="darkmode w-100p" align="center" width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <table class="w-100p darkmode" width="650" align="center" style="max-width: 650px; margin:0 auto; padding: 0px; background-color: #000000; border-bottom: 1px solid #ffffff;" cellpadding="0" cellspacing="0"> <tbody> <tr> <td class="fs-16" align="left" style="max-width: 200px; font-size: 20px; line-height: 24px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#ffffff; font-weight: normal; text-align: left; padding: 10px 0px 10px 20px;"> <h5 class="fs-16" style="max-width: 200px; font-size:20px; line-height: 24px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#ffffff; font-weight: normal; margin: 0; text-align: left;">Figma Newsletter </h5> </td> <td class="fs-16" align="right" style="max-width: 200px; font-size: 20px; line-height: 24px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000; font-weight: normal; padding: 10px 20px 10px 0px;"> <h6 class="fs-16" align="right" style="max-width: 200px; font-size:20px; line-height: 24px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#fff; font-weight: normal; margin: 0;">April 2024</h6> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="w-100p darkmode" align="center" width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <table class="w-100p darkmode" align="center" width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <table class="w-100p darkmode" width="650" align="center" style="max-width: 650px; margin: 0 auto;" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="left" class="pb-32 pl-20 darkmode" style="padding: 30px 0px 10px 60px;"> <a style="text-decoration: none;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrvMZvB-AMa6AvxTei1M8rig_dTvpZjAUW_gsvl7OA_FRjWAPePqFUxVggQuRPO3UHF4=" > <img class="light-img" src="https://static.figma.com/uploads/c3dbe90b34327157c7247ef2a94c8dffc332fe98" width="38" style="width: 38px; max-width: 38px; font-size: 8px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 12px; color: #000000; background-color: inherit; text-align: center;" alt="Hi!" />  <div class="dark-img" style="display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;" align="left"> <img src="https://static.figma.com/uploads/bb618f265d0495f7dd40a0f1686caa89b4d1b975" width="35" style="width: 35px; max-width: 35px; font-size: 8px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 12px; background-color: inherit; color: #000000; text-align: center;" alt="Hi!" /> </div>  </a> </td> </tr> </tbody> </table> <table class="w-100p fs-18 darkmode" width="650" align="center" style="max-width: 650px; margin:0 auto;" cellpadding="0" cellspacing="0"> <tbody> <tr> <td class="fs-18 lh-25 pl-20 pr-20" style="font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; padding: 30px 50px 10px 50px;"> <p class="fs-18 lh-25" style="font-size: 19px; line-height: 27px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; margin: 0;">This month, we officially launched variables at <a href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrQqxIoSgFrrQkWOaN_59ISaL0slJL70w7SB0Y5jtd8i-R1v5tLz9bMMa0q6yKnM8s08=" class="link" style="color: #000000; text-decoration: underline; font-weight: bold;" >Framework</a>, a design systems event where we <a href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZreJ47ZqTvqRb6htjTppEawYlvdzIbS2dxlZM-8edJb97fbHuwYMI44pvWgRjf_zhDsU=" class="link" style="color: #000000; text-decoration: underline; font-weight: bold;" >unveiled new features</a> to drive design system adoption and bridge the gap between design and development. And yes, they included typography variables, but the star of the show? <a href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrRBM0XnLoq5NgyWThBnnWA1fnzNFdvtx4q_OAJTXG2POt8uKrmaoYps8vwZv6to9evc=" class="link" style="color: #000000; text-decoration: underline; font-weight: bold;" >Code Connect</a>, which makes component code more accessible for developers. <br /><br /> Learn more about what we launched and how you can <a href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrfZUTPWZlJAPDi_LBuilpmyTd4d25UXXh3Cb7W3_VCwm4x_nDowj8myZ7ws8y77ogcI=" class="link" style="color: #000000; text-decoration: underline; font-weight: bold;" >keep growing</a> your design systems knowledge with Figma below. </p> </td> </tr> </tbody> </table> <table class="w-100p darkmode" width="650" align="center" style="max-width: 650px; margin: 0 auto;" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="right" class="wi-150px pb-32 pr-45 darkmode" style="padding: 30px 60px 40px 0px;"> <a style="text-decoration: none;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrbZytpZJ4lkuLTWdFS8d74Q_7R10g8nF1vIlCO5UUZt-Wiw0StD8iBXLikbOjnF_usE=" > <img class="light-img" src="https://static.figma.com/uploads/b001e40ca84da6961dfc31446594a9e3dc7f3950" width="210" style="width: 210px; max-width: 210px; font-size: 18px; font-family: 'Whyte', Arial,Helvetica, sans-serif; vertical-align: top; font-weight: normal; line-height: 24px; color: #000000; text-align: center;" alt="-The Figma Team" />  <div class="dark-img wi-150px" style="display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;" align="right"> <img src="https://static.figma.com/uploads/99e34457cf9e06a9d04a3d10ee81bc5a69ebc45f" width="210" style="width: 210px; max-width: 210px; font-size: 20px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 24px; color: #fff; text-align: center" alt="-The Figma Team" /> </div> </a>  </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr>  <tr> <td> <table class="w-100p darkmode" width="650" align="center" style="max-width:650px; margin:0px auto;" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <table class="w-100p darkmode" align="center" width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td class="fs-32 lh-38 darkmode pl-25 pb-20" align="center" style="padding:10px 0px 30px 15px; font-weight: lighter; font-size: 32px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left;"> <h1 class="fs-28" style="font-weight:lighter; font-size: 32px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">New features and updates</h1> </td> </tr> </tbody> </table> <table class="w-100p darkmode" align="center" width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="padding: 0px 15px 0px 15px;"> <table class="w-100p darkmode" align="center" width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="padding: 0px 0px 40px 0px;"> <table> <tbody> <tr> <td valign="top" align="left" class="pb-32 pt-0 darkmode wi-100px" style="padding: 0px"> <a style="text-decoration: none;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrV4OEaLWAvdmaoow73RAnT4Jot0Cf21B5vgguzS05tTFL9JzcQhoHhnbkcFXzOQz4Q0=" ><img src="https://static.figma.com/uploads/face6320e2d12a57c3616d107608afde83d2a287" width="150" style="width: 150px; max-width: 150px; font-size: 10px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 14px; color: #0A5C35; text-align: left;" alt="Code connect" /></a> </td> <td valign="middle" class="plr-25 darkmode" align="center" style="padding:0px 60px 0px 40px; font-weight: normal; font-size: 32px; line-height: 36px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; vertical-align: middle;"> <table> <tbody> <tr> <td class="pt-0" style="font-size: 22px; line-height: 28px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; vertical-align: top;"> <h3 class="fs-20 lh-24 pt-0" style="font-weight:bold; font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">Code Connect </h3> </td> </tr> <tr> <td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;"> <p class="fs-16 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">Code Connect delivers code from your design system to Dev Mode, helping developers build with consistency and speed. Now available in beta on Organization and Enterprise plans. </p> </td> </tr> <tr> <td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;"> <p class="fs-18 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;"> <a style="color: #5551ff; font-weight: bold; text-decoration: none;" class="link" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrTfoW0kdJftqnnAHrGzXRHk8zy7YoFb_2CYodPhzz2pjr_YCQ2y4sk83y3Viyr8rhdI=" >Learn more →</a> </p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="w-100p darkmode" align="center" width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="padding: 0px 0px 40px 0px;"> <table> <tbody> <tr> <td valign="top" align="left" class="pb-32 pt-0 darkmode wi-100px" style="padding: 0px"> <a style="text-decoration: none;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrSkgPI5cYKIAz5Kx2SxfA5auWFacpEWPGuIMeszgpZykMgfeek6OI-EQwx6rb1uJQOU=" ><img src="https://static.figma.com/uploads/9497722127d202f3c1f268acc80ee904d116f6f6" width="150" style="width: 150px; max-width: 150px; font-size: 10px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 14px; color: #0A5C35; text-align: left;" alt="Variables" /> </a> </td> <td valign="middle" class="plr-25 darkmode" align="center" style="padding:0px 60px 0px 40px; font-weight: normal; font-size: 32px; line-height: 36px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; vertical-align: middle;"> <table> <tbody> <tr> <td class="pt-0" style="font-size: 22px; line-height: 28px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; vertical-align: top;"> <h3 class="fs-20 lh-24 pt-0" style="font-weight:bold; font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">Typography and gradient variables </h3> </td> </tr> <tr> <td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;"> <p class="fs-16 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;"> With the introduction of typography and gradient variables, Figma now supports all major token types—so you can apply more variables than ever across platforms, languages, and themes. </p> </td> </tr> <tr> <td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;"> <p class="fs-18 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;"> <a style="color: #5551ff; font-weight: bold; text-decoration: none;" class="link" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrT-SPl0Kxr_KwGWHamcpJXYIZMPGNWkYLRL84uPU82kaCtR5saZ-vOtnPrPwJzvVObM=" >Learn more →</a> </p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="w-100p darkmode" align="center" width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="padding: 0px 0px 40px 0px;"> <table> <tbody> <tr> <td valign="top" align="left" class="pb-32 pt-0 darkmode wi-100px" style="padding: 0px"> <a style="text-decoration: none;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrYMfBqoUzKLpcSRgMYqu7JQ2GlMknOMSrEbqI5aXJx8t0tiELIiSlegmfCrhLoNfCDg=" ><img src="https://static.figma.com/uploads/9ba82053c2311cc64005e88225ffb815b278494a" width="150" style="width: 150px; max-width: 150px; font-size: 10px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 14px; color: #0A5C35; text-align: left;" alt="Library Analytics" /> </a> </td> <td valign="middle" class="plr-25 darkmode" align="center" style="padding:0px 60px 0px 40px; font-weight: normal; font-size: 32px; line-height: 36px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; vertical-align: middle;"> <table> <tbody> <tr> <td class="pt-0" style="font-size: 22px; line-height: 28px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; vertical-align: top;"> <h3 class="fs-20 lh-24 pt-0" style="font-weight:bold; font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">Library Analytics API </h3> </td> </tr> <tr> <td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;"> <p class="fs-16 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">The Library Analytics API lets you export library data so you can build custom dashboards tailored to your team’s needs. Now in beta for Enterprise customers. </p> </td> </tr> <tr> <td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;"> <p class="fs-18 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;"> <a style="color: #5551ff; font-weight: bold; text-decoration: none;" class="link" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrgflEIYwoyCcP_-xWfXlNMjBNYFXBpz5lWPOK-1UCQJotncQuNUXA9JvKwlt-DyeYQo=" >Learn more →</a> </p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table>  </td> </tr> <tr> <td> <table class="darkmode w-100p" width="650" align="center" style="max-width: 650px; margin: 0 auto;" cellpadding="0" cellspacing="0"> <tbody> <tr> <td class="wi-100p" align="center" style="padding: 0px"> <a style="text-decoration:none;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrcLOUbJMUb1Chlx0guw_rU46mMxKj4qh7Ilj_U6rTihvxSgC6WbnT8PAW9bQFo-qOc4=" ><img class="light-img" src="https://static.figma.com/uploads/0a7704073154de7baf9fffd7762d1ec5f51f09e9" width="650" style="width: 650px; max-width: 650px; font-size: 16px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #D5E1E1; background-color: #1B1464; vertical-align: top; line-height: 19px; text-align: center;" alt="The Config 2024 agenda is live, grab your spot." /> </a> </td> </tr> </tbody> </table>  </td> </tr> <tr> <td> <table class="w-100p darkmode" width="650" align="center" style="max-width:650px; margin:0px auto;" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="center" style="padding:0 0 0px;"> </td> </tr> </tbody> </table> </td> </tr>   <tr> <td> <table class="w-100p darkmode" width="650" align="center" style="max-width:650px; margin:0px auto;" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="center" style="padding:0 0 35px;"> <table width="100%" cellpadding="0" cellspacing="0" align="center"> <tbody> <tr> <td class="fs-32 lh-38 darkmode pl-25" align="center" style="padding:40px 0px 10px 15px; font-weight: lighter; font-size: 32px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left;"> <h1 class="fs-28" style="font-weight:lighter; font-size: 32px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">Figma events</h1> </td> </tr> <tr> <td align="center"> <table class="darkmode" width="100%" align="center" style="margin:0 auto;" cellpadding="0" cellspacing="0"> <tbody> <tr> <th class="tflex" width="295" align="center" style="vertical-align:top;"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td class="w-100p" align="center"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="padding:15px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td class="wi-100p" align="left" style="padding:0 0 12px;"><a style="text-decoration:none;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrZE5nwg1nArpTIY07IM8GCwvoUBS4FNCxJuARGWcDzGC3kEKG6t9S-BvPuIGGmbC0D0=" > <img src="https://static.figma.com/uploads/f4a0f110b82f9ad743bdf824de3d4f7b8097011b" width="295" style="max-width:400px; font-size:22px; font-weight: normal; line-height: 30px; font-family:'Whyte', Helvetica, Arial,sans-serif; color:#FF01E6; vertical-align:top; text-align: left;" alt="Register for In The File" /></a></td> </tr> <tr> <td class="pt-0" style="font-size: 22px; line-height: 28px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; vertical-align: top;"> <h3 class="fs-20 lh-24 pt-0" style="font-weight:bold; font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">In The File: Just Eat Takeaway </h3> </td> </tr> <tr> <td width="295" class="fs-18 lh-23 w-100p" align="left" style="max-width: 350px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;"> <p class="fs-16 lh-22 w-100p" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">Join JET on their journey towards unlocking unity with a single source of truth design system on May 2 at 7am PT / 12pm ET. </p> </td> </tr> <tr> <td width="295" class="fs-16 lh-21 w-100p" align="left" style="max-width: 350px; font-size: 16px; line-height: 21px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#5551ff; font-weight: lighter; padding-top: 10px;"> <p class="fs-16 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;"> <a href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrRVn6piLhHQOtifWywlkJxLZTq_IvLREyYKchHhch3hgDgiXQcId-2SRU0OXGHA2bLY=" class="fs-18 lh-21 link" style="color: #5551ff; font-weight: bold; text-decoration: none; text-align:left" >Register now → </a> </p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </th> <th class="tflex" width="295" align="center" style="vertical-align:top;"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="padding:15px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td class="wi-100p" align="left" style="padding:0 0 12px;"><a style="text-decoration:none;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrVlOsdsmj7mMnkuqcGDlisy_YCiHwBexc1pfMDVK3VN7lH6fHy8EppUorMp8zUNs8Fk=" > <img src="https://static.figma.com/uploads/0e9f9829e79f820acf8b552318f1bcc8bf84aa2f" width="295" style="max-width:400px; font-size:22px; font-weight: normal; line-height: 30px; font-family:'Whyte', Helvetica, Arial,sans-serif; color:#FF01E6; vertical-align:top; text-align: left;" alt="Register for Office Hours" /></a></td> </tr> <tr> <td class="pt-0" style="font-size: 22px; line-height: 28px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; vertical-align: top;"> <h3 class="fs-20 lh-24 pt-0" style="font-weight:bold; font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">Office Hours: Code Connect </h3> </td> </tr> <tr> <td width="295" class="fs-18 lh-23 w-100p" align="left" style="max-width: 350px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;"> <p class="fs-16 lh-22 w-100p" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">Learn how to leverage Code Connect in your design to dev workflow during our live Q&A on May 8 at 9am PT / 12pm ET. </p> </td> </tr> <tr> <td width="295" class="fs-16 lh-21 w-100p" align="left" style="max-width: 350px; font-size: 16px; line-height: 21px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#5551ff; font-weight: lighter; padding-top: 12px;"> <p class="fs-16 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;"> <a href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrk7BG0QxcbSrfSjzc_i_Xu-xC4jHBhGBvJ97QcQfZ42YsEy8mKF2CDEnrnS6laLEMPI=" class="fs-18 lh-21 link" style="color: #5551ff; font-weight: bold; text-decoration: none; text-align:left" >Register now → </a> </p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </th> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr>  </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="w-100p darkmode" align="center" style="max-width:650px; margin:0px auto; background-color: #ffffff; border-top: #DEDEDE solid 1px;" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="650" class="darkmode w-100p plr-15 ptb-24 darkmode w-100p" style="background-color: #ffffff; padding:35px 10px 46px;" align="center"> <table class="w-100p darkmode plr-15 ptb-24 " width="410" style="max-width:410px; margin:0 auto;" cellpadding="0" cellspacing="0" align="center"> <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" style="margin:0 auto;" cellpadding="0" cellspacing="0"> <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;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrXev4lWHjFMnN5LXWgKSk7ciasejFonnL89c_tDOR7wsfIkHxivppOXwES0kvwZQnkY=" > <img class="light-img" src="https://static.figma.com/uploads/a9c9c230c0a9395f5eaa1c4acb6ee89d13782987" width="30" 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;" alt="Figma" />  </a> <div class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;" align="left"> <a style="text-decoration: none;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrXev4lWHjFMnN5LXWgKSk7ciasejFonnL89c_tDOR7wsfIkHxivppOXwES0kvwZQnkY=" > <img src="https://static.figma.com/uploads/769e425786691503108639759683aa50ea3f530b" width="30" 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;" alt="Figma" /></a> </div>  </td> <td width="30" style="font-size:1px; line-height:1px;"></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;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrSuffd4Ld4okMAL-syMDJK-isStBASi8jla_hmgKm2GEsfmN0QJwE85nEdA_slyS5bs=" > <img class="light-img" src="https://static.figma.com/uploads/5bb05074a2c9507b003979dd88c1bb852fb875b7" width="30" 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;" alt="Twitter" />  </a> <div class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;" align="left"> <a style="text-decoration: none;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrSuffd4Ld4okMAL-syMDJK-isStBASi8jla_hmgKm2GEsfmN0QJwE85nEdA_slyS5bs=" > <img src="https://static.figma.com/uploads/c52f06a7ea02bb178ecbfd8b511e30d4bcc35ae3" width="30" 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;" alt="Twitter" /></a> </div>  </td> <td width="30" style="font-size:1px; line-height:1px;"></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;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZreUh5p5k1ajLDadFlkoZAADsVSZ5FhrRocvDeGR5DckowfDOZYvrBgraqPxytJdPS-I=" > <img class="light-img" src="https://static.figma.com/uploads/9dc8394d92432c5cd16ab9e61ee574da29434ec8" width="30" 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;" alt="Instagram" />  </a> <div class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;" align="left"> <a style="text-decoration: none;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZreUh5p5k1ajLDadFlkoZAADsVSZ5FhrRocvDeGR5DckowfDOZYvrBgraqPxytJdPS-I=" > <img src="https://static.figma.com/uploads/84f161959a9a78266ee5955b0abc7961bec5e7c8" width="30" 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;" alt="Instagram" /></a> </div>  </td> <td width="30" style="font-size:1px; line-height:1px;"></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;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrhC_diF5I-TzN1kkXFZF9WkweI7rOr8UK6OQpEoNZ-OQU8nT1o5oLz8D3x3dv00k9Ms=" > <img class="light-img" src="https://static.figma.com/uploads/4db5401f0db17df56b55b663da4ec93b18f2d707" width="30" 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;" alt="YouTube" />  </a> <div class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;" align="left"> <a style="text-decoration: none;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrhC_diF5I-TzN1kkXFZF9WkweI7rOr8UK6OQpEoNZ-OQU8nT1o5oLz8D3x3dv00k9Ms=" > <img src="https://static.figma.com/uploads/e9ea90d138f7a23ad8bbe972be6617d61ee85ba1" width="30" 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;" alt="YouTube" /></a> </div>  </td> <td width="30" style="font-size:1px; line-height:1px;"></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;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZruy-1xKkcvqSo-08pMZ-pH6NlhvYKWC2AwMQnyCm3lYOHdeyanRppgTCdPYrLpoKHng=" > <img class="light-img" src="https://static.figma.com/uploads/02676955b299a6571870721434fcc596c6b8de56" width="30" 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;" alt="LinkedIn" />  </a> <div class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;" align="left"> <a style="text-decoration: none;" href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZruy-1xKkcvqSo-08pMZ-pH6NlhvYKWC2AwMQnyCm3lYOHdeyanRppgTCdPYrLpoKHng=" > <img src="https://static.figma.com/uploads/c94ec9dc33c98e9c1553d601d31aede0d120d98d" width="30" 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;" alt="LinkedIn" /></a> </div>  </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="darkmode" align="center" style="font-size:12px; line-height:17px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#a5a5a5; padding:0 0 32px;"> 760 Market Street, Floor 10<br /> San Francisco, CA, 94102</td> </tr> </tbody> </table> </td> </tr> </tbody> </table>  </div> <a href= "https://go.figma.com/Nzc4LU1FVS0yODEAAAGStBfZrZz4ythAQ05nRgBjApHDzm4WUkk0GXhCmb3JZEOoo7_vWXPkdB1sWQcu6Gk9J63iYqU=" ></a> <img src="https://go.figma.com/trk?t=1&mid=Nzc4LU1FVS0yODEAAAGStBfZrldihlKBpYrZTfc0U26xzSH-3yooXJlTwSzvVlRuFFdwR7tN4liDVP0uIBD1Y_hkvv09NVjM0hi_qaLrpTBhBzjlYyC3fRz5b4_prhelULKko7ufxpaqE6gCQbhLd_6mANTAxSTlIvnJzg" width="1" height="1" style="display:none !important;" alt="" /> <p align="center" style="font-size: 12px !important; line-height: 17px !important; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#707070 !important; padding-top: 20px; padding-bottom: 20px;"> <a href= "https://go.figma.com/u/Nzc4LU1FVS0yODEAAAGStBfZrUjpEs9o6aXvpMjqvvyrCCoj0YcEEblfPd9WLYKxQggGeWCEoOBSsrzhKuJLwkgivUw=" style="color:#707070; text-decoration:underline;" >Unsubscribe</a> from Figma marketing emails. </p> </body> </html>