<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://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: 26px;
line-height: 32px;
font-family: 'Whyte', Helvetica, Arial, sans-serif;
color: #000000;
text-align: center;
font-weight: normal;
margin: 0;
}
h3 {
font-weight: bold;
font-size: 20px;
line-height: 28px;
font-family: 'Whyte', Helvetica, Arial, sans-serif;
color: #000000;
text-align: left;
margin: 0;
}
sup {
line-height: 0px;
font-size: 70%;
vertical-align: top;
mso-text-raise: 60%;
}
a {
outline: none;
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: none !important;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
}
.active-i a:hover,
.active-t:hover {
opacity: 0.88;
}
.active-i a,
.active-t {
transition: all 0.3s ease;
}
.cta {
transition: 0.3s !important;
}
a img {
border: none;
outline: none;
text-decoration: none;
}
b,
strong {
font-weight: 700;
}
p {
margin: 0;
}
th {
padding: 0;
}
table,
td {
mso-table-lspace: 0;
mso-table-rspace: 0;
border-spacing: 0;
border: 0;
}
@media only screen and (max-width:375px) and (min-width:320px) {
.gmail-fix {
min-width: 320px !important;
color: #000000 !important;
}
.tflex {
display: block !important;
width: 100% !important;
}
}
@media only screen and (max-width: 480px) {
u+.body .gmailmobile {
display: block !important;
color: #000000 !important;
}
.tflex {
display: block !important;
width: 100% !important;
}
.pl-25 {
padding-left: 25px !important;
}
.pl-35 {
padding-left: 35px !important;
}
}
@media screen and (max-width: 650px) {
.w-100p {
width: 100% !important;
}
.wi-100p img {
width: 100% !important;
height: auto !important;
}
.wi-100px img {
width: 100px !important;
height: auto !important;
}
.tflex {
display: block !important;
width: 100% !important;
}
.fs-16 {
font-size: 16px !important;
}
.fs-18 {
font-size: 18px !important;
}
.fs-22 {
font-size: 22px !important;
}
.fs-32 {
font-size: 32px !important;
}
.lh-24 {
line-height: 24px !important;
}
.lh-26 {
line-height: 26px !important;
}
.lh-38 {
line-height: 38px !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-24 {
padding-top: 24px !important;
}
.pt-40 {
padding-top: 40px !important;
}
.pt-60 {
padding-top: 60px !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-24 {
padding-bottom: 24px !important;
}
.pb-40 {
padding-bottom: 40px !important;
}
.pb-60 {
padding-bottom: 50px !important;
}
.pl-0 {
padding-left: 0px !important;
}
.pl-5 {
padding-left: 5px !important;
}
.pl-20 {
padding-left: 20px !important;
}
.pl-25 {
padding-left: 25px !important;
}
.pl-35 {
padding-left: 35px !important;
}
.pr-0 {
padding-right: 0px !important;
}
.pr-20 {
padding-right: 20px !important;
}
.pr-35 {
padding-right: 35px !important;
}
.pr-40 {
padding-right: 40px !important;
}
.plr-15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.plr-25 {
padding-left: 25px !important;
padding-right: 25px !important;
}
.ptb-24 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.ptb-45 {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
.ptb-60 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
}
/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
@media (prefers-color-scheme: dark) {
/* Shows Dark Mode-Only Content, Like Images */
.dark-img {
display: block !important;
width: auto !important;
overflow: visible !important;
float: none !important;
max-height: inherit !important;
max-width: inherit !important;
line-height: auto !important;
margin-top: 0px !important;
visibility: inherit !important;
}
/* Hides Light Mode-Only Content, Like Images */
.light-img {
display: none;
display: none !important;
}
/* Custom Dark Mode Background Color */
gmail-fix {
color: #3A3A3A !important;
}
.darkmode {
background-color: #000000 !important;
color: #ffffff !important;
}
.darkmode-intro {
background-color: #0FA958 !important;
color: #000000 !important;
}
.darkmode-outro {
background-color: #0FA958 !important;
color: #000000 !important;
}
/* Custom Dark Mode Font Colors */
h1 {
color: #fdfdfd !important;
}
h2 {
color: #000000 !important;
}
h3 {
color: #fdfdfd !important;
}
h4,
h5,
h6,
p {
color: #000000 !important;
}
ul,
li {
color: #fdfdfd !important;
}
span {
color: #dfdfdf !important;
}
a {
color: #fdfdfd !important;
}
/* Custom Dark Mode Text Link Color */
.link {
color: #fdfdfd !important;
text-decoration: underline !important;
font-weight: normal;
}
.intro-link {
color: #000000 !important;
}
.outro-link {
color: #000000 !important;
}
.btn-link {
color: #ffffff !important;
text-decoration: none !important;
}
.footer a {
color: #fdfdfd !important;
}
.btn-black {
background-color: #fdfdfd !important;
color: #000000 !important;
border: 3px solid #fdfdfd !important;
border-radius: 5px !important;
mso-color: #000000 !important;
mso-border: 3px solid #fdfdfd !important;
mso-border-radius: 5px !important;
}
.btn-white {
background-color: #fdfdfd !important;
color: #000000 !important;
border: 3px solid #fdfdfd !important;
border-radius: 5px !important;
mso-color: #000000 !important;
mso-border: 3px solid #fdfdfd !important;
mso-border-radius: 5px !important;
}
.btn-white2 {
background-color: #000000 !important;
color: #ffffff !important;
border: 3px solid #000000 !important;
border-radius: 8px !important;
mso-color: #ffffff !important;
mso-border: 3px solid #fdfdfd !important;
mso-border-radius: 5px !important;
}
}
/* Copy dark mode styles for android support */
/* Shows Dark Mode-Only Content, Like Images */
[data-ogsc] .dark-img {
display: block !important;
width: auto !important;
overflow: visible !important;
float: none !important;
max-height: inherit !important;
max-width: inherit !important;
line-height: auto !important;
margin-top: 0px !important;
visibility: inherit !important;
}
/* Hides Light Mode-Only Content, Like Images */
[data-ogsc] .light-img {
display: none;
display: none !important;
}
/* Custom Dark Mode Background Color */
[data-ogsc] .darkmode {
background-color: #000000 !important;
}
[data-ogsc] .darkmode2,
[data-ogsc] .callout {
background-color: #1c1c1c !important;
}
/* Custom Dark Mode Font Colors */
[data-ogsc] h1,
[data-ogsc] h2,
[data-ogsc] h3,
[data-ogsc] h4,
[data-ogsc] h5,
[data-ogsc] h6,
[data-ogsc] p,
[data-ogsc] li,
[data-ogsc] ul {
color: #fdfdfd !important;
}
[data-ogsc] span {
color: #000000 !important;
}
[data-ogsc] a {
color: #000000 !important;
}
/* Custom Dark Mode Text Link Color */
[data-ogsc] .link {
color: #ffffff !important;
text-decoration: none !important;
}
[data-ogsc] .btn-link {
color: #ffffff !important;
text-decoration: none !important;
}
[data-ogsc] .footer a {
color: #fdfdfd !important;
}
[data-ogsc] .btn-black {
background-color: #fdfdfd !important;
color: #000000 !important;
border: 3px solid #fdfdfd !important;
border-radius: 5px !important;
mso-background-color-alt: #fdfdfd !important;
mso-color-alt: #000000 !important;
mso-border-alt: 3px solid #fdfdfd !important;
mso-border-radius-alt: 5px !important;
}
[data-ogsc] .btn-white {
background-color: #fdfdfd !important;
color: #000000 !important;
border: 3px solid #fdfdfd !important;
border-radius: 5px !important;
mso-background-color-alt: #fdfdfd !important;
mso-color-alt: #000000 !important;
mso-border-alt: 3px solid #fdfdfd !important;
mso-border-radius-alt: 5px !important;
}
[data-ogsc] .btn-white2 {
background-color: #000000 !important;
color: #ffffff !important;
border: 3px solid #fdfdfd !important;
border-radius: 5px !important;
mso-color-alt: #ffffff !important;
mso-border-alt: 3px solid #fdfdfd !important;
mso-border-radius-alt: 5px !important;
mso-background-color-alt: #000000 !important;
}
/*]]>*/
</style>
</head>
<!--target dark mode-->
<!-- Allow for better image rendering on Windows hi-DPI displays. -->
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG />
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]-->
<!--to support dark mode meta tags-->
<!--[if (gte mso 9)|(IE)]>
<!-->
<!--<![endif]-->
<!--mobile styles-->
<!--mobile styles-->
<!--dark mode styles-->
<!--dark mode styles-->
<body class="darkmode" style="background:#ffffff; margin:0; padding:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;">
<div class="mktEditable" id="edit_text_1">
<div style="display: none; font-size: 1px; color: #ffffff; line-height: 1px; font-family: 'Whyte', Arial, Helvetica, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
Features like annotations, VS Code improvements, and more. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
</div>
<table align="center" role="presentation" class="darkmode gmail-fix" width="100%" style="background: #ffffff; min-width: 320px;" cellspacing="0" cellpadding="0">
<!-- section -->
<tbody>
<tr>
<td>
<table class="w-100p darkmode-intro" role="presentation" width="650" align="center" style="max-width: 650px; margin: 0 auto;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="left" class="pl-5" style="padding: 25px 24px 25px 0px;"><a style="text-decoration: none;" href=
"https://go.figma.com/Nzc4LU1FVS0yODEAAAGQ4T7CbqskHS_MufUwRbH6h6xTcaAIxP9WqNJ2l2ec82lOVpWGNebOMw8VYD8_OvlPe8sVkGs="
> <img class="light-img" src="https://static.figma.com/uploads/561365b6653039898c017b7e07a9252879619d09" width="107" style="width: 107px; max-width: 107px; font-size: 22px; font-family: 'Whyte', Arial, Helvetica,
sans-serif; vertical-align: top; line-height: 24px; color: #000000; text-align: center;" alt="Figma" />
<!--[if !mso]>
<! --> </a>
<div class="dark-img pl-5" 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/Nzc4LU1FVS0yODEAAAGQ4T7CbqskHS_MufUwRbH6h6xTcaAIxP9WqNJ2l2ec82lOVpWGNebOMw8VYD8_OvlPe8sVkGs="
> <img src="https://static.figma.com/uploads/264b4a5e880fe5077eccf4647bdf9777195062d5" width="107" style="width: 107px; max-width: 107px; font-size: 22px; font-family: 'Whyte', Arial,Helvetica, sans-serif; vertical-align: top; line-height: 24px; text-align: center;" alt="Figma" /></a>
</div>
<!--<![endif]--> </td>
</tr>
<tr>
<td class="darkmode-intro plr-25" style="padding: 0 37px 0; background-color: #ffffff;">
<table align="center" role="presentation" class="w-100p darkmode-intro" width="530" style="max-width: 530px; margin: 0 auto; color: #000000;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="darkmode-intro" align="center" style="background-color: #ffffff; color: #000000 !important; font-size: 42px; line-height: 50px; font-family: 'Whyte', Arial, Helvetica, sans-serif; text-align: left; padding-bottom:20px; padding-top: 0px;"> <p class="darkmode-intro fs-32 lh-38" style="font-size: 42px; line-height: 50px; font-family: 'Whyte', Helvetica, Arial, sans-serif; background-color: #ffffff; color: #000000; font-weight: normal; margin: 0; text-align: left;">Annotations and more coming to Dev Mode </p> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td class="darkmode-intro plr-25" style="padding: 0 37px 0; background-color: #ffffff; color: #ffffff;">
<table align="center" role="presentation" class="w-100p" width="530" style="max-width: 530px; margin: 0 auto; color: #000000;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="darkmode-intro" align="center" style="background-color: #ffffff; color: #000000 !important; font-size: 18px; line-height: 26px; font-family: 'Whyte', Arial, Helvetica, sans-serif; text-align: left; padding-bottom:30px; padding-top: 20px;"> <p class="darkmode-intro" style="font-size: 18px; line-height: 26px; font-family: 'Whyte', Helvetica, Arial, sans-serif; background-color: #ffffff; color: #000000; font-weight: normal; margin: 0; text-align: left;">On January 31, we're introducing annotations to Dev Mode, along with improvements to diffing, plugins, and the VS Code extension. <br /><br /> In addition to these updates, Dev Mode will also be <a class="intro-link" href=
"https://go.figma.com/Nzc4LU1FVS0yODEAAAGQ4T7CbrxE2tHqye9GX_wVcIhgT1_9J-qINM7Edy-EN40vo_tOzLRuUcH_y1oJ_IU8AuO4wlE=" style="text-decoration: underline; font-weight: bold; color: #000000;"
>moving out of beta</a>. You'll continue to have full access to Dev Mode. Community feedback helps make Figma better, so thanks for being part of the beta. </p> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<!-- section -->
<table class="w-100p darkmode" width="650" align="center" style="max-width:650px; margin:0px auto;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="fs-24 lh-38 darkmode pb-20" align="center" style="padding:30px 10px 30px 10px; font-weight: lighter; font-size: 24px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left;"> <h1 class="fs-24" style=" font-size: 28px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center; margin: 0;">New features coming January 31</h1> </td>
</tr>
<tr>
<td class="wi-100p darkmode" align="center" style="padding-top: 0px;"><a href=
"https://go.figma.com/Nzc4LU1FVS0yODEAAAGQ4T7CbqvVWAKpO1QXVqdkh-IxKtv9PN1UKIS0Y_F76ZkLZr2Pu9i43LlD2lprvHRrs62UKkA="
> <img src="https://static.figma.com/uploads/591832e77d9d4da10a1410c94168c3f73ed081f7" width="600" style="width: 600px; max-width: 600px; font-size: 16px; font-family: 'Whyte',
Arial, Helvetica, sans-serif; color: #000000; vertical-align: top; line-height: 24px; text-align: center;" alt="Learn more about annotations in Dev Mode" /></a></td>
</tr>
<tr>
<td>
<table class="w-100p darkmode" align="center" width="100%" cellpadding="0" cellspacing="0" style="max-width: 500px; margin: 0 auto;">
<tbody>
<tr>
<td class="darkmode" align="center" style="padding: 30px 0px 0px; color:#000000; text-align: center;"> <h1 class="fs-22" style="font-weight: bold; font-size: 24px; line-height: 50px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center; margin: 0;">Annotations in Dev Mode</h1> </td>
</tr>
<tr>
<td class="darkmode plr-25 " align="center" style="padding: 10px 0px 0px; color:#000000; text-align: center;"> <span class="fs-18 lh-24" style="font-size: 20px; line-height: 26px; font-weight: normal; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center;">Speed up handoff prep with rich text and property annotations, plus measurements. They'll update as designs change, so you can keep iterating.
</span> </td>
</tr>
<tr>
<td class="darkmode pb-20 plr-25 lh-24" align="center" style="font-size: 20px; line-height: 26px; font-weight: normal; font-family:'Whyte', Helvetica, Arial, sans-serif; padding: 20px 0px 0px; color:#000000; text-align: center;"> <a class="link" href=
"https://go.figma.com/Nzc4LU1FVS0yODEAAAGQ4T7CbrqD2XnQxYRQJ3FmKL-pfSlR6s1KoIrg_TAcH5hmjJZhPM6w4HBEU-1zKTkxWdUiV58=" style="color: #000000; text-decoration: underline; font-weight: normal;"
>Learn more →</a> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<!-- section -->
<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>
</tbody>
</table>
<table class="w-100p darkmode" align="center" width="100%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding: 40px 10px 0px 10px;">
<table class="w-100p darkmode" align="center" width="100%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding: 0px 0px 50px 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/Nzc4LU1FVS0yODEAAAGQ4T7CbmX9jevWTZGcF-VryOMOcZaUk9lrAYwhU1UMIoIdsJKhAA1E5IfGY79J26fHnGob8Qk="
><img src="https://static.figma.com/uploads/13d87ce88d55f49c16a199fe24feb659a27557cf" 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: #0FA958; text-align: left;" alt="Learn more about diffs in Dev Mode" /> </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: 22px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">More ways to diff</h3> </td>
</tr>
<tr>
<td class="fs-18 lh-22 darkmode" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;"> <h4 class="fs-16 lh-22 darkmode" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">Compare between any two frames to see what's changed, both visually and in code. </h4> </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 50px 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/Nzc4LU1FVS0yODEAAAGQ4T7Cbpu5fvN3WDNWiBL0N27rMM1XTlv0X3xi5EA-5N1Op7EOM9K7b-4mPbvsRfWZugVTC3o="
><img src="https://static.figma.com/uploads/21505f70d4520315b535d4e74810bb06dd91a8a3" 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: #0FA958; text-align: left;" alt="Learn more about plugins in Dev Mode" /> </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: 22px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">Set default plugins to auto-run</h3> </td>
</tr>
<tr>
<td class="fs-18 lh-22 darkmode" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;"> <h4 class="fs-16 lh-22 darkmode" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">Set plugins to run automatically and pin your favorites. Or do it for your entire organization with the Enterprise plan.</h4> </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 60px 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/Nzc4LU1FVS0yODEAAAGQ4T7CbqJYgY8jSqUwZRNJEMCVNMgNBTwijsY0LHbhdZyBYDB6hbSqXY0ENZ8tieF7SmnHJlg="
><img src="https://static.figma.com/uploads/e18292bffcf4910f9a40b7be85f59dc27384eb47" 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: #0FA958; text-align: left;" alt="Learn about the VS Code extension" /> </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: 22px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">A more efficient Figma for VS Code</h3> </td>
</tr>
<tr>
<td class="fs-18 lh-22 darkmode" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;"> <h4 class="fs-16 lh-22 darkmode" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">Jump to frames faster, get more relevant code snippets, and run Dev Mode plugins, all without leaving VS Code. </h4> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<!-- section -->
<!-- section -->
</tbody>
</table>
<table class="w-100p darkmode" width="650" align="center" style="max-width:650px; margin:0px auto;" cellpadding="0" cellspacing="0">
<tbody>
</tbody>
</table>
<!-- Footer -->
<table class="w-100p darkmode" align="center" style="max-width:650px; margin:0px auto; border-top: #F8F8F8 solid 1px;" cellpadding="0" cellspacing="0">
<tbody>
<!-- Footer -->
<tr>
<td>
<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/Nzc4LU1FVS0yODEAAAGQ4T7Cbsq5PGQfqkohF346DIDhs68sAQiKZC4cB8G2cKVWgZyr-H4O8k10TeqiZ_cqDaDtoF4="
> <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" />
<!--[if !mso]>
<! --> </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/Nzc4LU1FVS0yODEAAAGQ4T7Cbsq5PGQfqkohF346DIDhs68sAQiKZC4cB8G2cKVWgZyr-H4O8k10TeqiZ_cqDaDtoF4="
> <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>
<!--<![endif]--> </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/Nzc4LU1FVS0yODEAAAGQ4T7Cbi0AFtqMM-VQcyPtBCJkibWLeD7koVvxcDXupRJvIBP2epyjJ1wBIBMCMMbTNjPjajE="
> <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" />
<!--[if !mso]>
<! --> </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/Nzc4LU1FVS0yODEAAAGQ4T7Cbi0AFtqMM-VQcyPtBCJkibWLeD7koVvxcDXupRJvIBP2epyjJ1wBIBMCMMbTNjPjajE="
> <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>
<!--<![endif]--> </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/Nzc4LU1FVS0yODEAAAGQ4T7Cbkfu0XJyVHzSqYvgiQ-3sKU2O-BjpRxRIHVPrYvjmOfU5tFeyp7ZE1GbAJNAn1p1lUA="
> <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" />
<!--[if !mso]>
<! --> </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/Nzc4LU1FVS0yODEAAAGQ4T7Cbkfu0XJyVHzSqYvgiQ-3sKU2O-BjpRxRIHVPrYvjmOfU5tFeyp7ZE1GbAJNAn1p1lUA="
> <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>
<!--<![endif]--> </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/Nzc4LU1FVS0yODEAAAGQ4T7CbooYOwvHO_gO0XZq2hK4cjGPzedcNMe3ausTr6m3jVCQEiY_0OUTNKEAL97De6tBSuE="
> <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" />
<!--[if !mso]>
<! --> </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/Nzc4LU1FVS0yODEAAAGQ4T7CbooYOwvHO_gO0XZq2hK4cjGPzedcNMe3ausTr6m3jVCQEiY_0OUTNKEAL97De6tBSuE="
> <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>
<!--<![endif]--> </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/Nzc4LU1FVS0yODEAAAGQ4T7CbhOwEjxkjv-PYhdVCYfZh2BtpZVm3N2iLlvBRNUcWWh0XQNMgG5XeqpnFhY6LUDPTGU="
> <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" />
<!--[if !mso]>
<! --> </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/Nzc4LU1FVS0yODEAAAGQ4T7CbhOwEjxkjv-PYhdVCYfZh2BtpZVm3N2iLlvBRNUcWWh0XQNMgG5XeqpnFhY6LUDPTGU="
> <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>
<!--<![endif]--> </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> </td>
</tr>
<!-- End Footer -->
</tbody>
</table>
</div>
<a href=
"https://go.figma.com/Nzc4LU1FVS0yODEAAAGQ4T7Cbsflzd5iXZkyeNe54rgR7-snJFO1k2tZoj_CUU93FSqHhNB47yeX7r0meBL3dZpj0lc="
></a>
<img src="https://go.figma.com/trk?t=1&mid=Nzc4LU1FVS0yODEAAAGQ4T7CbmoVd_u4w_-2_tdIB5Y8pBz0uYp1TeF-2-qXThXJnpyglrYzdnJ_LaSsoQ2pUibtu2Ursh4TeqSZOZ1CdN25YUE2T485_JjYP0OGz4nw_uKtOPYurCNZqB4dnoN-rTMbgVvMh90B4XoCHJON9M9_W5KJ8pLczv2f_Q" width="1" height="1" style="display:none !important;" alt="" />
</body>
</html>