- Accessories
- Accommodation
- Accounting
- Airline
- Analytics
- Auction site
- Bank
- Beauty
- Bike Rental
- Biotechnology
- Books
- CRM
- Call center software
- Cameras
- Car company
- Cards
- Chrome plugin
- Clothing
- Coffee
- Collaboration
- Community
- Contact lenses
- Crowd funding
- Cryptocurrency
- Customer support
- Dating
- Department store
- Design tools
- Developer tools
- Digital printing
- Direct to consumer
- Domain names
- E-commerce
- E-commerce store builder
- Education
- Electronic signatures
- Electronic signitatures
- Electronics
- Email Service Provider
- Email marketing
- Entertainment
- Event management
- Fashion
- Finance
- Fitness
- Flight comparisons
- Food
- Food delivery
- Form builder
- Freelancer tools
- Furniture
- Game
- Gaming
- Gifts
- Glasses
- Greetings cards
- Groceries
- Hair
- Health
- Hiring
- Hotel comparison
- Hotels
- Insurance
- Investing
- Jewellery
- Landing page builder
- Language learning
- Lingerie
- Live chat
- Makeup
- Marijuana delivery
- Marketing
- Marketplace
- Mattress company
- Meal delivery kits
- Media
- Messaging
- Music
- NFT
- News
- No-code
- Nutrition
- Online courses
- Online-course-platform
- Outdoor store
- Password manager
- Payments
- Personal Finance
- Pharmacy
- Photography
- Podcast Hosting
- Podcasts
- Productivity
- Project management
- Property
- Proposal software
- Real estate
- Ride sharing
- Running
- SEO
- SaaS
- Sales tools
- Scooters
- Shoes
- Social network
- Software
- Sportsware
- Subscription boxes
- Swimwear
- T-shirt Printing
- Talent
- Telco
- Trains
- Transport
- Travel
- Underwear
- VPN
- Video hosting
- Video streaming
- Voucher/Coupon Sites
- Watches
- Web hosting
- Website builder
- Workforce management
- Writing
- & Other Stories
- &Open
- 1&1
- 1Password
- 3dcart
- 6pm
- A.C. Moore
- ANNA by RadLabs
- ASOS
- AT&T
- AVI-8
- AYR
- Abercrombie
- Accessorize
- Ace Hardware
- ActiveCampaign
- Acura
- Acuvue
- Adapt
- Adidas
- Airbnb
- Aircall
- Airtable
- Alaska Air
- All Saints
- Allbirds
- Amazon
- Ambronite
- American Airlines
- American Apparel
- Anchor
- Ann Taylor
- Antidote Street
- Apple
- Armani Exchange
- Armogan
- Asana
- Astley Clarke
- Audemars Piguet
- Auverture
- BBC iPlayer
- BECCA Cosmetics
- Baremetrics
- Barnes and Noble
- Basecamp
- Bath & Body Works
- Beans
- Bearbottom Clothing
- Beaver Brooks
- Ben Sherman
- Bend
- Bespoke Post
- Best Buy
- Big Cartel
- BigCommerce
- Binance
- Birchbox
- BitClout
- Bite
- Black Opal Beauty
- Blinkist
- Blue Apron
- Bluehost
- Bobbi Brown
- Bonlook
- Bonobos
- Boohoo
- Booking.com
- Boots
- Box
- Bravissimo
- Breaker
- Breitling
- Brightedge
- British Airways
- BrowserStack
- Bubble
- Buffer
- Busuu
- Bynder
- CVS
- Cadillac
- CafePress
- Calendly
- Calm
- Candy Club
- Canny
- Canon
- Canva
- Carbonmade
- Careem
- Carrd
- Cars.com
- Cartier
- Cash App
- Casper
- Caviar
- ChartMogul
- Chevrolet
- Chilewich
- Chococurb
- Chubbies
- Circle
- Claire's
- Clarks
- ClassPass
- ClickFunnels
- ClickUp
- Clinique
- Cloudflare
- Clubhouse
- Clue
- Coach
- Coastal
- Coda
- Coinbase
- Conductor
- ConvertKit
- CopyAI
- Costco
- Coursera
- Cover FX
- Craft
- Craigslist
- Crypto.com
- Cult Furniture
- Customer.io
- DFS
- Daisy Jewellery
- Daniel Wellington
- Debenhams
- Deliveroo
- Delivery.com
- Delta
- Depop
- Deputy
- Descript
- DesignByHümans
- Designer Shoe Warehouse
- Discord
- Disney+
- Djusie
- DocuSign
- Dollar Shave Club
- Domino's
- DoorDash
- Dorelan
- Dorothy Perkins
- Drip
- Dropbox
- Dropbox Paper
- Drops
- Duda
- Duolingo
- Dwell
- EasyJet
- Eaze
- Elevate
- Etsy
- Eurostar
- Eventbrite
- Everlane
- Evernote
- Expensify
- Express Glasses
- Eye Buy Direct
- FabFitFun
- Fabletics
- Facet
- Fancy
- Farm Rio
- Fashion Fair
- Fashion Nova
- Feedly
- Feelunique
- Fenwick
- Figma
- Finimize
- Firebox
- Fitbit
- Fiverr
- Fleur & Bee
- Flipd
- Flodesk
- Fluent
- Flybe
- Foodvisor
- Ford
- Forest
- Forever 21
- Fortnum & Mason
- Fossil
- Framebridge
- Framer
- FreeCodeCamp
- Freedom Japanese Market
- Freetrade
- Front
- Ftsny
- Fullstory
- Furniture Village
- Fyrn
- GMC
- GameStop
- Gap
- GatherContent
- Ghost
- Ghost Bed
- GitHub
- Glasses USA
- Glo
- Glossybox
- Go-Jek
- GoDaddy
- Goat
- Gobble
- Goggles4u
- Goldsmiths
- Gorillas
- Gousto
- Grab
- Graham and Green
- Grammarly
- Graze
- Greats
- Green Chef
- GreenRush
- Groupon
- Grubhub
- Guess
- Gumroad
- Gymshark
- Gyroscope
- H&M
- H.Samuel
- HVMN
- Habitat
- Harrods
- Harry's
- Harvey Nichols
- Hastens
- HauteLook
- Headspace
- Height
- Helix
- HelloFresh
- Help Scout
- Hey
- Hipmunk
- Hobby Lobby
- Home Depot
- HomeGoods
- Honda
- Honest
- Honey
- HostGator
- HotelTonight
- Hotjar
- House Curious
- House of Fraser
- Houzz
- HubSpot
- HubSpot CRM
- Huel
- Hulu
- Hungry House
- Hutch
- InMotion Hosting
- InVision
- Infoempleo
- Infojobs
- Instacart
- Interact
- Intercom
- Ipsy
- J.Crew
- JCPenney
- Jaguar
- Jessops
- Jet2
- JetBlue
- Jira
- Job Today
- Jump Bikes
- Just Eat
- Kay
- Khan Academy
- Klarna
- LTHR Supply
- Lancôme
- Landbot
- Lane Bryant
- Launchaco
- Leadpages
- Leesa
- Lemonade
- Lexus
- Liberty London
- Lifesum
- Lime
- Linear
- Linjer
- Linktree
- Litmus
- Loaf
- London Virgin Hair
- Lookfantastic
- Loom
- Loot Crate
- Lowes
- Lululemon
- Luma
- Lyft
- MAC Cosmetics
- MDMflow
- MVMT
- Mack Weldon
- Macy's
- Made
- Magento
- Mailchimp
- MapMyGut
- Marley Spoon
- MasterClass
- Mayvenn
- MeUndies
- Meadow
- Medium
- Memrise
- Menards
- Mercari
- Mercedes-Benz
- MetaMask
- Michaels
- Microsoft Teams
- Mini
- Miro
- Miss Selfridge
- Missguided
- Misto Box
- Mitsubishi cars
- Mixpanel
- Monday
- Moneybox
- Mont Blanc
- Monzo
- Moo
- Moonpig
- Morning Brew
- Morning Recovery
- Muttonhead
- My First Wig
- MyFitnessPal
- N26
- Nars Cosmetics
- NerdWallet
- Nest Furniture
- Netflix
- New Look
- Newegg
- Nicely Noted
- Nike
- No Mercy / No Malice
- Nomatic
- Noom
- Nordstrom
- Nordstrom Rack
- Notion
- Notonthehighstreet
- Now TV
- Nugg
- Ocado
- OfferUp
- Officevibe
- Old Navy
- Omega
- OpenSea
- OpenTable
- Otiumberg
- Outdoor Voices
- Overstock
- Ozone Socks
- PandaDoc
- Pandora
- Patreon
- Paula's Choice Skincare
- PayPal
- Peloton
- Picniic
- Pier 1
- Pipedrive
- Pitch
- Pizza Express
- Plated
- Plum
- Pluralsight
- Podia
- Poshmark
- Postmates
- Pottery Barn
- PrettyLittleThing
- Primark
- Process Street
- Puma
- Purple
- QVC
- Quibi
- QuickBooks
- Quill
- Quizlet
- Quora
- REI
- Racket
- Raymond Weil
- Redbubble
- Reflectly
- Replit
- Retool
- Revolut
- Rezi
- Ripcurl
- Robinhood
- Runkeeper
- SNKRS by Nike
- Sally Beauty
- SavvyCal
- Scentbird
- Scribd
- Seamless
- Search Metrics
- Selfridges
- Sephora
- ServiceNow
- Shop.com
- Shopify
- Shpock
- Shudder
- Shwood and Stanley
- Simba
- Skillshare
- Skyscanner
- Slack
- Slite
- Snapchat
- Society6
- Sock Fancy
- SoloLearn
- SoundCloud
- Southwest
- Soylent
- SpeedWeed
- Spotify
- Spreadshirt
- Square
- Squarespace
- Squarespace Scheduling
- Staples
- Starbucks
- Steam
- Stitch Fix
- Stone Forest
- Strava
- Strikingly
- Stripe
- Substack
- SumUp
- Sun Basket
- Sunsama
- Superdrug
- SurveyMonkey
- Swarovski
- Sweatcoin
- Swoon
- TRNK
- Tag Heuer
- Tally
- Target
- Taste Trunk
- Teachable
- Teachlr
- Techcrunch
- Ted Baker
- TeePublic
- Tempur
- Tempur-Pedic
- Tesla
- The Hustle
- The Inbox
- The Jewel Hut
- The New York Times
- The Ordinary
- The White Company
- Thinx
- Threadless
- Thryve
- Tidal
- Tide.fm
- Tiffany & Co
- TikTok
- Tinder
- Todoist
- Tommy John
- Topshop
- TouchNote
- Trainline
- TransferWise
- Trello
- Triibe
- TripAdvisor
- Trivago
- Trustpilot
- Tuft & Needle
- TunnelBear
- Twitch
- Typeform
- UNIQLO
- Uber
- Uber Eats
- Udacity
- Udemy
- Ulta
- Unbounce
- UncommonGoods
- United
- Universe
- Upwork
- Urban Outfitters
- VSCO
- Vessi
- Victoria's Secret
- Vimeo
- Vinted
- Viome
- Virgin Atlantic
- Vistaprint
- Voog
- Vueling
- WW (Weight Watchers)
- WalMart
- Walgreens
- Wallapop
- Wallshoppe
- Warby Parker
- Watch Shop
- Watch Station
- Watches.com
- Wattpad
- Wayfair
- Waze
- Wealthsimple
- Webflow
- Weebly
- West Elm
- Whimsical
- Williams Sonoma
- Winc
- Wise
- Wistia
- Wix
- WooCommerce
- WordPress
- World Market
- Wowcher
- YNAB
- YouTube
- YouTube Music
- Zales
- Zapier
- Zara
- Zazzle
- Zendesk
- Zero
- Zoe & Morgan
- Zoopla
- Zulily
- eBay
- eToro
- fort-mysers-islands-beaches-and-neighborhoods
- uBiome
Figma Registered user
Subscribed 3 years, 3 months ago
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>
Figma
</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="IE=Edge" http-equiv="X-UA-Compatible"/>
<meta content="telephone=no, date=no, address=no, email=no" name="format-detection"/>
<meta name="x-apple-disable-message-reformatting"/>
<meta content="light dark" name="color-scheme"/>
<meta content="light dark" name="supported-color-schemes"/>
<style type="text/css">
/*<![CDATA[*/
:root {
color-scheme: light dark;
supported-color-schemes: light dark;
}
/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
@font-face {
font-family: 'Whyte';
font-style: normal;
font-weight: normal;
src:
/*url(https://inboxflows.com/_/image/.eot%253F%2523iefix/?inbox_flows_img_sig=eyJwYXRoIjoiLmVvdCUzRiUyM2llZml4In0:1qCEii:IBsgNSCwd0IhAfp2pGdCjuh8Uwdq4BH_6WVCoo6pVbk) format('embedded-opentype'),
url(https://inboxflows.com/_/image/.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiLndvZmYyIn0:1qCEii:DdUe9_ENYAvVCHXh_oNdzwSCKGX8y0zyuCbZqv41ewc) format('woff2'),
url(https://inboxflows.com/_/image/.ttf/?inbox_flows_img_sig=eyJwYXRoIjoiLnR0ZiJ9:1qCEii:xk6O6inohOzM91QRBMilrySJiV2mHkEkwq4eTfC0CIw) format('truetype'),*/
url(https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F9254519927cf4912e61627442d7ab7a5a9226581.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEii:1qFOeCVlcfpFBqo2MasjmD0k8xAIQc3kRhOhEVSQh_4) format('woff');
mso-font-alt: 'Arial';
}
h1 {
font-size: 26px;
line-height: 32px;
font-family: 'Whyte', Helvetica, Arial, sans-serif;
color: #000000;
text-align: center;
font-weight: normal;
margin: 0;
}
h3 {
font-weight: bold;
font-size: 20px;
line-height: 28px;
font-family: 'Whyte', Helvetica, Arial, sans-serif;
color: #000000;
text-align: left;
margin: 0;
}
sup {
line-height: 0px;
font-size: 70%;
vertical-align: top;
mso-text-raise: 60%;
}
a {
outline: none;
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: none !important;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
}
.active-i a:hover,
.active-t:hover {
opacity: 0.88;
}
.active-i a,
.active-t {
transition: all 0.3s ease;
}
.cta {
transition: 0.3s !important;
}
a img {
border: none;
outline: none;
text-decoration: none;
}
b,
strong {
font-weight: 700;
}
p {
margin: 0;
}
th {
padding: 0;
}
table,
td {
mso-table-lspace: 0;
mso-table-rspace: 0;
border-spacing: 0;
border: 0;
}
@media only screen and (max-width:375px) and (min-width:320px) {
.gmail-fix {
min-width: 320px !important;
color: #000000 !important;
}
.tflex {
display: block !important;
width: 100% !important;
}
}
@media only screen and (max-width: 480px) {
u+.body .gmailmobile {
display: block !important;
color: #000000 !important;
}
.tflex {
display: block !important;
width: 100% !important;
}
.pl-25 {
padding-left: 25px !important;
}
.pl-35 {
padding-left: 35px !important;
}
}
@media screen and (max-width: 650px) {
.w-100p {
width: 100% !important;
}
.wi-100p img {
width: 100% !important;
height: auto !important;
}
.tflex {
display: block !important;
width: 100% !important;
}
.fs-16 {
font-size: 16px !important;
}
.fs-18 {
font-size: 18px !important;
}
.fs-22 {
font-size: 22px !important;
}
.fs-32 {
font-size: 32px !important;
}
.lh-24 {
line-height: 24px !important;
}
.lh-26 {
line-height: 26px !important;
}
.lh-38 {
line-height: 38px !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-24 {
padding-top: 24px !important;
}
.pt-40 {
padding-top: 40px !important;
}
.pt-60 {
padding-top: 60px !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-24 {
padding-bottom: 24px !important;
}
.pb-40 {
padding-bottom: 40px !important;
}
.pb-60 {
padding-bottom: 50px !important;
}
.pl-0 {
padding-left: 0px !important;
}
.pl-5 {
padding-left: 5px !important;
}
.pl-20 {
padding-left: 20px !important;
}
.pl-25 {
padding-left: 25px !important;
}
.pl-35 {
padding-left: 35px !important;
}
.pr-0 {
padding-right: 0px !important;
}
.pr-20 {
padding-right: 20px !important;
}
.pr-35 {
padding-right: 35px !important;
}
.pr-40 {
padding-right: 40px !important;
}
.plr-15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.plr-25 {
padding-left: 25px !important;
padding-right: 25px !important;
}
.ptb-24 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.ptb-45 {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
.ptb-60 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
}
/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
@media (prefers-color-scheme: dark) {
/* Shows Dark Mode-Only Content, Like Images */
.dark-img {
display: block !important;
width: auto !important;
overflow: visible !important;
float: none !important;
max-height: inherit !important;
max-width: inherit !important;
line-height: auto !important;
margin-top: 0px !important;
visibility: inherit !important;
}
/* Hides Light Mode-Only Content, Like Images */
.light-img {
display: none;
display: none !important;
}
/* Custom Dark Mode Background Color */
gmail-fix {
color: #3A3A3A !important;
}
.darkmode {
background-color: #3A3A3A !important;
}
.darkmode-intro {
background-color: #D7BCF7 !important;
color: black !important;
}
.darkmode-outro {
background-color: #F7D7D7 !important;
color: #000000 !important;
}
/* Custom Dark Mode Font Colors */
h1 {
color: #fdfdfd !important;
}
h2 {
color: #000000 !important;
}
h3 {
color: #fdfdfd !important;
}
h4,
h5,
h6,
p {
color: #000000 !important;
}
ul,
li {
color: #fdfdfd !important;
}
span {
color: #dfdfdf !important;
}
a {
color: #fdfdfd !important;
}
/* Custom Dark Mode Text Link Color */
.link {
color: #fdfdfd !important;
text-decoration: underline !important;
font-weight: normal;
}
.intro-link {
color: #000000 !important;
}
.outro-link {
color: #000000 !important;
}
.btn-link {
color: #ffffff !important;
text-decoration: none !important;
}
.footer a {
color: #fdfdfd !important;
}
.btn-black {
background-color: #fdfdfd !important;
color: #000000 !important;
border: 3px solid #fdfdfd !important;
border-radius: 5px !important;
mso-color: #000000 !important;
mso-border: 3px solid #fdfdfd !important;
mso-border-radius: 5px !important;
}
.btn-white {
background-color: #fdfdfd !important;
color: #000000 !important;
border: 3px solid #fdfdfd !important;
border-radius: 5px !important;
mso-color: #000000 !important;
mso-border: 3px solid #fdfdfd !important;
mso-border-radius: 5px !important;
}
.btn-white2 {
background-color: #000000 !important;
color: #ffffff !important;
border: 3px solid #000000 !important;
border-radius: 8px !important;
mso-color: #ffffff !important;
mso-border: 3px solid #fdfdfd !important;
mso-border-radius: 5px !important;
}
}
}
/* Copy dark mode styles for android support */
/* Shows Dark Mode-Only Content, Like Images */
[data-ogsc] .dark-img {
display: block !important;
width: auto !important;
overflow: visible !important;
float: none !important;
max-height: inherit !important;
max-width: inherit !important;
line-height: auto !important;
margin-top: 0px !important;
visibility: inherit !important;
}
/* Hides Light Mode-Only Content, Like Images */
[data-ogsc] .light-img {
display: none;
display: none !important;
}
/* Custom Dark Mode Background Color */
[data-ogsc] .darkmode {
background-color: #000000 !important;
}
[data-ogsc] .darkmode2,
[data-ogsc] .callout {
background-color: #1c1c1c !important;
}
/* Custom Dark Mode Font Colors */
[data-ogsc] h1,
[data-ogsc] h2,
[data-ogsc] h3,
[data-ogsc] h4,
[data-ogsc] h5,
[data-ogsc] h6,
[data-ogsc] p,
[data-ogsc] li,
[data-ogsc] ul {
color: #fdfdfd !important;
}
[data-ogsc] span {
color: #000000 !important;
}
[data-ogsc] a {
color: #000000 !important;
}
/* Custom Dark Mode Text Link Color */
[data-ogsc] .link {
color: #DBC4F8 !important;
text-decoration: none !important;
}
[data-ogsc] .btn-link {
color: #ffffff !important;
text-decoration: none !important;
}
[data-ogsc] .footer a {
color: #fdfdfd !important;
}
[data-ogsc] .btn-black {
background-color: #fdfdfd !important;
color: #000000 !important;
border: 3px solid #fdfdfd !important;
border-radius: 5px !important;
mso-background-color-alt: #fdfdfd !important;
mso-color-alt: #000000 !important;
mso-border-alt: 3px solid #fdfdfd !important;
mso-border-radius-alt: 5px !important;
}
[data-ogsc] .btn-white {
background-color: #fdfdfd !important;
color: #000000 !important;
border: 3px solid #fdfdfd !important;
border-radius: 5px !important;
mso-background-color-alt: #fdfdfd !important;
mso-color-alt: #000000 !important;
mso-border-alt: 3px solid #fdfdfd !important;
mso-border-radius-alt: 5px !important;
}
[data-ogsc] .btn-white2 {
background-color: #000000 !important;
color: #ffffff !important;
border: 3px solid #fdfdfd !important;
border-radius: 5px !important;
mso-color-alt: #ffffff !important;
mso-border-alt: 3px solid #fdfdfd !important;
mso-border-radius-alt: 5px !important;
mso-background-color-alt: #000000 !important;
}
/*]]>*/
</style>
</head>
<!--target dark mode-->
<!-- Allow for better image rendering on Windows hi-DPI displays. -->
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG />
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]-->
<!--to support dark mode meta tags-->
<!--[if (gte mso 9)|(IE)]>
<!-->
<!--<![endif]-->
<!--mobile styles-->
<!--mobile styles-->
<!--dark mode styles-->
<!--dark mode styles-->
<body class="darkmode" style="background:#ffffff; margin:0; padding:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;">
<div class="mktEditable" id="edit_text_1">
<div style="display: none; font-size: 1px; color: #ffffff; line-height: 1px; font-family: 'Whyte', Arial, Helvetica, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
Discover new ways to design, prototype, and build your next great idea—fast. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
</div>
<table align="center" cellpadding="0" cellspacing="0" class="darkmode gmail-fix" role="presentation" style="background: #ffffff; min-width: 320px;" width="100%">
<!-- section -->
<tbody>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" role="presentation" style="max-width: 650px; margin: 0 auto;" width="650">
<tbody>
<tr>
<td align="left" class="pl-5 darkmode-intro" style="background-color: #ffffff; padding: 28px 24px 28px 45px;">
<a style="text-decoration: none;">
<img alt="Figma" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F561365b6653039898c017b7e07a9252879619d09/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 107px;
max-width: 107px; font-size: 22px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 24px; color: #000000; text-align: center;" width="107"/>
<!--[if !mso]>
<! -->
</a>
<div align="left" class="dark-img plr-25" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;">
<a style="text-decoration: none;">
<img alt="Figma" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F1e7e2df00a7ed432120339726c857f45a6be3606/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 67px; max-width: 67px; font-size: 22px; font-family: 'Whyte', Arial,Helvetica, sans-serif; vertical-align: top; line-height: 24px;
color: #000000; text-align: center;" width="67"/>
</a>
</div>
<!--<![endif]-->
</td>
</tr>
<tr>
<td class="darkmode-intro plr-25" style="padding: 0 37px 0; background-color: #ffffff;">
<table align="center" cellpadding="0" cellspacing="0" class="w-100p" role="presentation" style="max-width: 530px; margin: 0 auto; color: #000000;" width="530">
<tbody>
<tr>
<td align="center" class="darkmode-intro" style="background-color: #ffffff; color: #000000 !important; font-size: 42px; line-height: 50px; font-family: 'Whyte', Arial, Helvetica, sans-serif; text-align: left; padding-bottom:40px; padding-top: 0px;">
<p class="darkmode-intro fs-32 lh-38" style="font-size: 42px; line-height: 50px; font-family: 'Whyte', Helvetica, Arial, sans-serif; background-color: #ffffff; color: #000000; font-weight: normal; margin: 0; text-align: left;">
Meet Dev Mode
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" class="wi-100p pb-32 darkmode-intro" style="background-color: #ffffff; padding: 0;">
<a>
<img alt=" Figma helps teams move their best ideas forward by bringing design and development closer together.
Discover new ways to design, prototype, and build your next great idea—fast.
" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F924d3f6fb144dcc53a8b68aa7058e86a2e12fa95/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 530px;
max-width: 530px; font-size: 20px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #000000; vertical-align: top; line-height: 28px; text-align: center;" width="530"/>
<!--[if !mso]>
<! -->
</a>
<div align="center" class="wi-100p pb-32 dark-img" style="display: none; overflow: hidden; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;">
<a style="text-decoration: none;">
<img alt=" Figma helps teams move their best ideas forward by bringing design and development closer together.
Discover new ways to design, prototype, and build your next great idea—fast.
" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F5eebdc26e3ebe5b4874daa11f7c0e27de49402e7/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 530px; max-width: 530px; font-size: 20px; font-family: 'Whyte', Arial, Helvetica,
sans-serif; color: #000000; background-color: #D7BCF7; vertical-align: top; line-height: 28px; text-align: center;" width="530"/>
</a>
</div>
<!--<![endif]-->
</td>
</tr>
<tr>
<td class="darkmode-intro plr-25" style="padding: 0 37px 0; background-color: #ffffff; color: #ffffff;">
<table align="center" cellpadding="0" cellspacing="0" class="w-100p" role="presentation" style="max-width: 530px; margin: 0 auto; color: #000000;" width="530">
<tbody>
<tr>
<td align="center" class="darkmode-intro" style="background-color: #ffffff; color: #000000 !important; font-size: 18px; line-height: 26px; font-family: 'Whyte', Arial, Helvetica, sans-serif; text-align: left; padding-bottom:10px; padding-top: 40px;">
<p class="darkmode-intro" style="font-size: 18px; line-height: 26px; font-family: 'Whyte', Helvetica, Arial, sans-serif; background-color: #ffffff; color: #000000; font-weight: normal; margin: 0; text-align: left;">
We are excited to announce Dev Mode in Figma, a space that helps developers more easily navigate files and find the right information, so they can get to coding faster.
<strong>
Dev Mode is now in beta and free to use through 2023
</strong>
.
<br/>
<br/>
Check out Dev Mode and other new features we launched at Config below.
</p>
</td>
</tr>
<tr>
<td align="center" class="darkmode-intro" style="padding: 25px 0 45px;">
<table align="center" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
<tbody>
<tr>
<td align="center" class="active-t darkmode-intro btn-white2" style="mso-padding-alt: 15px 40px; background-color: #000000; font-weight: normal; font-size: 18px; line-height: 22px; font-family: 'Whyte', Helvetica, Arial, sans-serif; border: 3px solid #000000; border-radius: 8px;">
<a class="btn-link" style="padding: 10px 40px; color: #ffffff; text-decoration: none; display: block;">
Read about Dev Mode
</a>
</td>
</tr>
<tr>
<td align="center" class="darkmode-intro" style="background-color: #ffffff; color: #000000 !important; font-size: 18px; line-height: 26px; font-family: 'Whyte', Arial, Helvetica, sans-serif; text-align: center; padding-bottom:0px; padding-top: 10px;">
<p class="darkmode-intro" style="font-size: 18px; line-height: 26px; font-family: 'Whyte', Helvetica, Arial, sans-serif; background-color: #ffffff; color: #000000; font-weight: strong; margin: 0; text-align: center;">
or
<a class="intro-link" style="color: #000000; text-decoration: underline; font-weight: bold;">
watch the keynote
</a>
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" class="wi-100p pb-32 darkmode" style="padding: 0;">
<a>
<img alt="Prototyping | Variables | Dev Mode | Figma for VS Code | Auto layout" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F6d481cb93066c333b587c83a95669bb44047dd40/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 650px; max-width: 650px; font-size: 16px; font-family: 'Whyte', Arial,
Helvetica, sans-serif; color: #000; vertical-align: top; line-height: 28px; background-color: #ECFEC7; text-align: center;" width="650"/>
</a>
</td>
</tr>
</tbody>
</table>
<!-- section -->
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width:650px; margin:0px auto;" width="650">
<tbody>
<tr>
<td align="center" class="wi-100p darkmode" style="padding-top: 60px;">
<a>
<img alt=" Dev Mode makes it easy to find the details you need to start building and stay on track when handing off projects from design to development." src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fdd5f4cc2869b0380e1e53eddf3adaa15f39fa195/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 600px; max-width: 600px; font-size: 16px;
font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #000000; vertical-align: top; line-height: 24px; background-color: #CDB3FA; text-align: center;" width="600"/>
</a>
</td>
</tr>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width: 500px; margin: 0 auto;" width="100%">
<tbody>
<tr>
<td align="center" class="darkmode" style="padding: 30px 0px 0px; color:#000000; text-align: center;">
<h1 class="fs-22" style="font-weight: bold; font-size: 24px; line-height: 50px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center; margin: 0;">
Dev Mode
<span style="font-size:50%;line-height:1.7;vertical-align:10px;mso-text-raise:110%;">
BETA
</span>
</h1>
</td>
</tr>
<tr>
<td align="center" class="darkmode plr-25" style="padding: 10px 0px 0px; color:#000000; text-align: center;">
<span class="fs-18 lh-24" style="font-size: 20px; line-height: 26px; font-weight: normal; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center;">
Explore Dev Mode, a new space in Figma that makes dev work easier. Inspect mocks, diff design changes, copy code snippets, and use plugins to connect to the tools you use everyday—like GitHub, Jira, and Storybook.
</span>
</td>
</tr>
<tr>
<td align="center" class="darkmode pb-20 plr-25 lh-24" style="font-size: 20px; line-height: 26px; font-weight: normal; font-family:'Whyte', Helvetica, Arial, sans-serif; padding: 10px 0px 40px; color:#000000; text-align: center;">
<a class="link" style="color: #000000; text-decoration: underline; font-weight: normal;">
Get started now →
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width:650px; margin:0px auto;" width="650">
<tbody>
<tr>
<td align="center" class="wi-100p darkmode" style="padding-top: 20px;">
<a>
<img alt=" Bring Figma into your workflow with VS Code" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F8863c074c27b20f8fda3ca447c5d0af84f00284d/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 600px; max-width: 600px; font-size: 16px;
font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #000000; vertical-align: top; line-height: 24px; background-color: #FF8577; text-align: center;" width="600"/>
</a>
</td>
</tr>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width: 500px; margin: 0 auto;" width="100%">
<tbody>
<tr>
<td align="center" class="darkmode" style="padding: 30px 0px 0px; color:#000000; text-align: center;">
<h1 class="fs-22" style="font-weight: bold; font-size: 24px; line-height: 50px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center; margin: 0;">
Figma for VS Code
</h1>
</td>
</tr>
<tr>
<td align="center" class="darkmode plr-25" style="padding: 10px 0px 0px; color:#000000; text-align: center;">
<span class="fs-18 lh-24" style="font-size: 20px; line-height: 26px; font-weight: normal; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center;">
Use our new extension for VS Code to easily inspect Figma files, collaborate with designers, and receive Figma notifications right in your code editor.
</span>
</td>
</tr>
<tr>
<td align="center" class="darkmode pb-20 plr-25 lh-24" style="font-size: 20px; line-height: 26px; font-weight: normal; font-family:'Whyte', Helvetica, Arial, sans-serif; padding: 10px 0px 40px; color:#000000; text-align: center;">
<a class="link" style="color: #000000; text-decoration: underline; font-weight: normal;">
Learn more →
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width:650px; margin:0px auto;" width="650">
<tbody>
<tr>
<td align="center" class="wi-100p darkmode" style="padding-top: 20px;">
<a>
<img alt=" Unlock design themes like light and dark or mobile and desktop with variables in Figma.
" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Febf46d4c8145b98aa1027355b466038ca040e365/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 600px; max-width: 600px; font-size: 16px;
font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #000000; vertical-align: top; line-height: 24px; background-color: #7DB8A9; text-align: center;" width="600"/>
</a>
</td>
</tr>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width: 500px; margin: 0 auto;" width="100%">
<tbody>
<tr>
<td align="center" class="darkmode" style="padding: 30px 0px 0px; color:#000000; text-align: center;">
<h1 class="fs-22" style="font-weight: bold; font-size: 24px; line-height: 50px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center; margin: 0;">
Variables
</h1>
</td>
</tr>
<tr>
<td align="center" class="darkmode plr-25" style="padding: 10px 0px 0px; color:#000000; text-align: center;">
<span class="fs-18 lh-24" style="font-size: 20px; line-height: 26px; font-weight: normal; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center;">
Design systems can now use variables to unlock theming and tokens for more adaptability and code alignment. Available via the plugin and REST APIs.
</span>
</td>
</tr>
<tr>
<td align="center" class="darkmode pb-20 plr-25 lh-24" style="font-size: 20px; line-height: 26px; font-weight: normal; font-family:'Whyte', Helvetica, Arial, sans-serif; padding: 10px 0px 60px; color:#000000; text-align: center;">
<a class="link" style="color: #000000; text-decoration: underline; font-weight: normal;">
Get started now →
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- section -->
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode-outro" style="max-width:650px; margin:0px auto; background-color: #F8F8F8;" width="650">
<tbody>
<tr>
<td align="center">
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode-outro" style="max-width: 530px; margin: 0 auto; background-color: #F8F8F8; " width="530">
<tbody>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" class="darkmode-outro" style="margin:0 auto; background-color: #F8F8F8;" width="100%">
<tbody>
<tr>
<td align="center">
<table align="left" cellpadding="0" cellspacing="0" class="w-100p darkmode-outro" style="max-width: 530px; margin: 0 auto; background-color: #F8F8F8; padding:40px 10px 20px 10px;" width="530">
<tbody>
<tr>
<td align="left" class="darkmode-outro pr-40 pl-25" style="font-weight: normal; font-size: 24px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; text-align: left; background-color: #F8F8F8;" width="530">
<h2 class="fs-22" style="font-weight:normal; font-size: 24px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color: #000000; text-align: left; margin: 0;">
Plus, a few more new features:
</h2>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" cellpadding="0" cellspacing="0" class="darkmode-outro" style="margin:0 auto; background-color: #F8F8F8;" width="100%">
<tbody>
<tr>
<td align="center">
<table align="center" cellpadding="0" cellspacing="0" class="darkmode-outro" style="margin:0 auto; background-color: #F8F8F8;" width="100%">
<tbody>
<tr>
<th align="center" class="tflex" style="vertical-align:top;" width="295">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" class="w-100p">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="padding:20px 10px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" class="wi-100p" style="padding:0 0 15px;">
<a class="mktNoTok" style="text-decoration:none;">
<img alt="At long last, font previews, improved search, and filters in Figma's font picker are here! " src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F56de5e5b721cf814d68750ac5f8345ff1f9adf23/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="max-width:300px; font-size:16px; font-weight: normal; line-height: 24px; font-family:'Whyte', Helvetica,
Arial,sans-serif; color:#000000; vertical-align:top; text-align: left;" width="245"/>
</a>
</td>
</tr>
<tr>
<td align="center" class="lh-23 w-100p" style="max-width: 300px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter;" width="245">
<h1 class="darkmode-outro lh-23" style="max-width: 300px; font-weight:bold; font-size: 20px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; padding-top: 10px; padding-bottom: 20px;">
Advanced prototyping
</h1>
</td>
</tr>
<tr>
<td align="center" class="fs-18 lh-23 w-100p" style="max-width: 300px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal;" width="245">
<h3 class="fs-18 lh-23 darkmode-outro" style="max-width: 300px; font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; padding-left: 0px; padding-bottom: 10px;">
Create dynamic prototypes with fewer frames and less work
</h3>
</td>
</tr>
<tr>
<td align="center" class="fs-18 lh-23 w-100p" style="max-width: 300px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter;" width="245">
<h3 class="outro-link fs-18 lh-23 darkmode-outro" style="max-width: 300px; font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; padding-left: 0px;">
<a class="outro-link" style="max-width: 300px; color: #000000; text-decoration: underline; font-weight: normal; text-align: left;">
Learn more →
</a>
</h3>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</th>
<th align="center" class="tflex" style="vertical-align:top;" width="245">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="padding:20px 10px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" class="wi-100p" style="padding:0 0 15px;">
<a class="mktNoTok" style="text-decoration:none;">
<img alt="With global search and notifications, find content and conversations across your account, without navigating across spaces." src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F6156be8ff4200c0a5ab8621e97cbdde5b6b5cf85/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="max-width:300px; font-size:16px; font-weight: normal; line-height: 24px; font-family:'Whyte', Helvetica,
Arial,sans-serif; color:#000000; vertical-align:top; text-align: left;" width="245"/>
</a>
</td>
</tr>
<tr>
<td align="center" class="lh-23 w-100p" style="max-width: 300px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000 !important; font-weight: lighter;" width="245">
<h1 class="lh-23 darkmode-outro" style="max-width: 300px; font-weight:bold; font-size: 20px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; padding-top: 10px; padding-bottom: 20px;">
Auto layout updates
</h1>
</td>
</tr>
<tr>
<td align="center" class="fs-18 lh-23 w-100p" style="max-width: 300px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000 !important; font-weight: lighter;" width="245">
<h3 class="fs-18 lh-23 darkmode-outro" style="max-width: 300px; font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; padding-left: 0px; padding-bottom: 10px;">
Added support for wrapping and min/max dimensions
</h3>
</td>
</tr>
<tr>
<td align="center" class="fs-18 lh-23 w-100p" style="max-width: 300px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter;" width="245">
<h3 class="outro-link fs-18 lh-23" style="max-width: 300px; font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; padding-left: 0px;">
<a class="outro-link" style="max-width: 300px; color: #000000; text-decoration: underline; font-weight: normal; text-align: left;">
Learn more →
</a>
</h3>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" class="darkmode-outro" style="padding: 30px 0 20px; background-color: #F8F8F8;">
<table align="center" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
<tbody>
<tr>
<td align="center" class="active-t darkmode-outro btn-white2" style="mso-padding-alt: 15px 40px; background-color: #000000; font-weight: normal; font-size: 18px; line-height: 22px; font-family: 'Whyte', Helvetica, Arial, sans-serif; border: 3px solid #000000; border-radius: 8px;">
<a class="btn-link" style="padding: 10px 40px; color: #ffffff; text-decoration: none; display: block;">
Explore every new feature
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" class="darkmode-outro plr-25" style="max-width: 300px;color: #8d8d8d !important; font-size: 18px; line-height: 26px; font-family: 'Whyte', Arial, Helvetica, sans-serif; text-align: center; padding: 20px 80px 60px;" width="300">
<p style="font-size: 12px; line-height: 16px; font-family: 'Whyte', Helvetica, Arial, sans-serif; color: #8d8d8d !important; font-weight: normal; margin: 0; text-align: center;" width="300">
Your participation in the Dev Mode beta is governed by our Terms of Service, which you can view
<a style="color: #8d8d8d !important; text-decoration: underline; font-weight: bold;">
here
</a>
.
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- section -->
<!-- Footer -->
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width:650px; margin:0px auto; background-color: #F8F8F8; border-top: #DEDEDE solid 1px;">
<tbody>
<tr>
<td align="center" class="darkmode w-100p plr-15 ptb-24 darkmode w-100p" style="background-color: #F8F8F8; padding:35px 10px 46px;" width="650">
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode plr-15 ptb-24" style="max-width:400px; margin:0 auto;" width="400">
<tbody>
<tr>
<td align="center" style="padding:15px 0px 32px; font-size:14px; line-height:20px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#B2B2B2;">
Figma is a design platform for teams who build products together. Born on the Web, Figma helps the entire product team create, test, and ship better designs, faster.
</td>
</tr>
<tr>
<td style="padding:0px 0 32px;">
<table align="center" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tbody>
<tr>
<td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
<a style="text-decoration:none;">
<img alt="Figma" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fb0ae29b8a56391c7b3bfa574afd2954bf494ac68/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica,
sans-serif; color:#000000; vertical-align:top; text-align: center;" width="30"/>
<!--[if !mso]>
<! -->
</a>
<div align="left" class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;">
<a style="text-decoration: none;">
<img alt="Figma" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F9d9320a9811e4c30248525fc804bed88e51f29cc/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" width="30"/>
</a>
</div>
<!--<![endif]-->
</td>
<td style="font-size:1px; line-height:1px;" width="30">
</td>
<td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
<a style="text-decoration:none;">
<img alt="Twitter" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fd26435d1703aa1d5061d0249664d784ddd9e8a47/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica,
sans-serif; color:#000000; vertical-align:top; text-align: center;" width="30"/>
<!--[if !mso]>
<! -->
</a>
<div align="left" class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;">
<a style="text-decoration: none;">
<img alt="Twitter" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F2897c09ac922ca23993b594088cad69fcdb5a629/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" width="30"/>
</a>
</div>
<!--<![endif]-->
</td>
<td style="font-size:1px; line-height:1px;" width="30">
</td>
<td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
<a style="text-decoration:none;">
<img alt="Instagram" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fdc2be7d727776e882c00188f2920439f469bcf07/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial,
Helvetica, sans-serif; color:#000000; vertical-align:top; text-align: center;" width="30"/>
<!--[if !mso]>
<! -->
</a>
<div align="left" class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;">
<a style="text-decoration: none;">
<img alt="Instagram" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F21dbe48bb90a046a578b1d64380aced4d0c8413a/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" width="30"/>
</a>
</div>
<!--<![endif]-->
</td>
<td style="font-size:1px; line-height:1px;" width="30">
</td>
<td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
<a style="text-decoration:none;">
<img alt="Facebook" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fa74f309aecf4b9d296fe758c985143ad17fd9b43/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial,
Helvetica, sans-serif; color:#000000; vertical-align:top; text-align: center;" width="30"/>
<!--[if !mso]>
<! -->
</a>
<div align="left" class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;">
<a style="text-decoration: none;">
<img alt="Facebook" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F56118768de813326074382c65c6586f561c87ba4/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" width="30"/>
</a>
</div>
<!--<![endif]-->
</td>
<td style="font-size:1px; line-height:1px;" width="30">
</td>
<td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
<a style="text-decoration:none;">
<img alt="LinkedIn" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fcc9b295b67251a80780c55682aaa236eb6f2726a/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial,
Helvetica, sans-serif; color:#000000; vertical-align:top; text-align: center;" width="30"/>
<!--[if !mso]>
<! -->
</a>
<div align="left" class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;">
<a style="text-decoration: none;">
<img alt="LinkedIn" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Ff2ec7c400c119434ac061c6620cc6abf44aff8ed/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" width="30"/>
</a>
</div>
<!--<![endif]-->
</td>
<td style="font-size:1px; line-height:1px;" width="30">
</td>
<td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
<a style="text-decoration:none;">
<img alt="Dribble" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F6ef8f163c0d24efcf001c9e0d29e5b8af5751b42/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica,
sans-serif; color:#000000; vertical-align:top; text-align: center;" width="30"/>
<!--[if !mso]>
<! -->
</a>
<div align="left" class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;">
<a style="text-decoration: none;">
<img alt="Dribble" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F9bce0524c68066bf845b59780074e8194f30dda0/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qCEij:TWNzIZbRXWTNg5-ZNPeKPcJYAjTKWDxkoaxGTHuBXS4" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" width="30"/>
</a>
</div>
<!--<![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" class="darkmode" style="font-size:12px; line-height:17px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#B2B2B2; padding:0 0 32px;">
760 Market Street, Floor 10
<br/>
San Francisco, CA, 94102
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<a>
</a>
<img alt="" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fgo.figma.com%252Ftrk%253Ft%253D1%2526mid%253DNzc4LU1FVS0yODE6MDozNzM3OjE5MDkyOjE5NjQ2OTo0ODUzOjk6Mjg5NDA6MTI4MTQyNDA6MmE3MzE4MWZAdWlmZWVkLmNvbQ%253D%253D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZnby5maWdtYS5jbyJ9:1qCEij:YpcCAUp7MvvhUz7FqBfvj_15d4tt-6zZdEqjOpj8dpU" style="display:none !important;" width="1"/>
<p align="center" style="font-size: 12px !important; line-height: 17px !important; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#707070 !important; padding-top: 20px; padding-bottom: 20px;">
<a style="color:#707070; text-decoration:underline;">
Unsubscribe
</a>
from Figma marketing emails.
</p>
</body>
</html>
1 year, 6 months ago - support@figma.com
Hello Dev Mode—a new space for developers in Figma
Discover new ways to design, prototype, and build your next great idea—fast. ͏ ͏ ͏ ͏ ͏ ͏ ͏...