- Accessories
- Accommodation
- Accounting
- Airline
- Amusement Park
- Analytics
- Appliances
- Art
- Auction site
- Automotive
- Bank
- Beauty
- Bike Rental
- Biotechnology
- Books
- CRM
- Call center software
- Cameras
- Cards
- Chrome plugin
- Cleaning Products
- Clothing
- Coffee
- Collaboration
- Community
- Contact lenses
- Coolers / Tumblers
- Crowd funding
- Cryptocurrency
- Customer support
- Dating
- Department store
- Design tools
- Developer tools
- Digital printing
- Dining / Restaurant
- Direct to consumer
- Domain names
- Drinkware
- E-commerce
- E-commerce store builder
- Education
- Electronic signatures
- Electronics
- Email Service Provider
- Email marketing
- Entertainment
- Event management
- Eyewear
- Fashion
- Finance
- Fitness
- Flight comparisons
- Food & Beverage
- Food delivery
- Form builder
- Fragrance
- Freelancer tools
- Furniture
- Game
- Gaming
- Gifts
- Glasses
- Greetings cards
- Groceries
- Hair
- Health
- Hiring
- Home & Garden
- Hotel comparison
- Hotels
- Insurance
- Investing
- Jewelry
- Kitchen
- Landing page builder
- Language learning
- Linens
- Lingerie
- Live chat
- Luggage / Cases
- Makeup
- Marijuana delivery
- Marketing
- Marketplace
- Mattress company
- Meal delivery kits
- Media
- Messaging
- Museum
- Music
- Musical Instruments
- NFT
- News
- No-code
- Nonprofit
- Nutrition
- Online courses
- Online-course-platform
- Outdoor
- Password manager
- Payments
- Performing Arts
- Personal Finance
- Pets
- Pharmacy
- Photography
- Podcast Hosting
- Podcasts
- Productivity
- Project management
- Property
- Proposal software
- Publisher
- Real estate
- Reviews
- Ride sharing
- Running
- SEO
- SaaS
- Sales tools
- Scooters
- Shoes
- Skincare
- Social network
- Software
- Sportsware
- Subscription boxes
- Sustainable Living
- Swimwear
- T-shirt Printing
- Talent
- Telco
- Toys
- Trains
- Transport
- Travel
- Underwear
- VPN
- Video Maker
- Video hosting
- Video streaming
- Voucher/Coupon Sites
- Watches
- Web hosting
- Website builder
- Workforce management
- Writing
- & Other Stories
- &Open
- 1 Hotels
- 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
- Agolde
- Airbnb
- Aircall
- Airtable
- Alaska Air
- Aldi
- All Saints
- Allbirds
- Almabase
- Along
- Aman Resorts
- Amazon
- Ambronite
- American Airlines
- American Apparel
- American Civil Liberties Union
- American Girl
- American Red Cross
- Anchor
- Animoto
- Ann Taylor
- Anthropologie
- Antidote Street
- Apollo Theater
- Apple
- Architectural Digest
- AriZona
- Aritzia
- Armani
- Armani Exchange
- Armogan
- Asana
- Asphalt Green
- Astley Clarke
- Athletic Brewing
- Auberge Resorts
- Audemars Piguet
- Audi
- Auverture
- Away
- BBC iPlayer
- BECCA Cosmetics
- BMW
- Baby Brezza
- Baremetrics
- Barnes and Noble
- Barton Perreira
- Basecamp
- Bath & Body Works
- Beans
- Bearbottom Clothing
- Beaver Brooks
- Beis
- Ben Sherman
- Bend
- Bentley Motors
- Bergdorf Goodman
- Bespoke Post
- Best Buy
- Better Homes and Gardens
- Big Blanket Co.
- Big Brothers Big Sisters of America
- Big Cartel
- BigCommerce
- Binance
- Bing
- Birch Lane
- Birchbox
- Birkenstock
- Birthdate Co
- BitClout
- Bite
- Black Opal Beauty
- Blinkist
- Blue Apron
- Bluehost
- Blueland
- Bluemercury
- Blundstone
- Bobbi Brown
- Bodily
- Boisson
- Bombas
- Bon Appétit
- Bonlook
- Bonobos
- Boohoo
- Booking.com
- Boots
- Box
- Bravissimo
- Breaker
- Breitling
- Brez
- Briggs & Riley
- Brightedge
- British Airways
- Broadway Direct
- Broadway NYC
- Broadway in Hollywood
- Brooklinen
- Brooks
- BrowserStack
- BruMate
- Bubble
- Buffalo Wild Wings
- Buffer
- Burberry
- Busch Gardens
- Busuu
- Bynder
- CVS
- Cadillac
- CafePress
- Calendly
- Callaway Golf
- Calm
- Calpak
- Candy Club
- Candy Kittens
- Canny
- Canon
- Canva
- Carbonmade
- Care
- Careem
- Carnegie Hall
- Carnival Cruise Line
- Carrd
- Cars.com
- Cartier
- Cash App
- Casper
- Caviar
- Cedar Point
- Chalkbeat
- Charity Water
- ChartMogul
- Chevrolet
- Chewy
- Chicago Children’s Museum
- Chick-fil-A
- Chico’s
- Chilewich
- Chococurb
- Chubbies
- Chuck and Don’s
- Circle
- Claire's
- Clarks
- ClassPass
- ClickFunnels
- ClickUp
- Clinique
- Clockify
- Cloudflare
- Clubhouse
- Clue
- Coach
- Coastal
- Coda
- Codecademy
- Coinbase
- Common Sense
- Conductor
- Converse
- ConvertKit
- CopyAI
- Costa del Mar
- Costco
- Coursera
- Cover FX
- Craft
- Craigslist
- Crate & Barrel
- Crocs
- Crypto.com
- Cult Furniture
- Curious Elixirs
- Customer.io
- DFS
- Daisy Jewellery
- Daniel Wellington
- Datadog
- De Soi
- Debenhams
- Deliveroo
- Delivery.com
- Delivra - The Inbox
- Delsey Paris
- Delta
- Depop
- Deputy
- Descript
- DesignByHümans
- Designer Shoe Warehouse
- Diadora
- Dillards
- Dior
- Discord
- Disney Cruise Line
- Disney+
- Djusie
- Doctors Without Borders
- DocuSign
- Dolce & Gabbana
- Dollar Shave Club
- Dollywood
- Domino's
- DonorsChoose
- DoorDash
- Dorelan
- Dorothy Perkins
- Dr. Squatch
- Drip
- Dropbox
- Dropbox Paper
- Drops
- Drury Hotels
- Duda
- Duolingo
- Dwell
- EasyJet
- Eaze
- Echo Water
- Elevate
- Elle
- Ellucian
- Entrepreneur
- Envato
- Environmental Defense Fund
- Envoyage
- Etsy
- Eurostar
- Eventbrite
- Everlane
- Evernote
- Expedia
- Expensify
- Express
- Express Glasses
- Eye Buy Direct
- FabFitFun
- Fabletics
- Facet
- Factor
- Faherty Brand
- Faire
- Fairmont Hotels & Resorts
- Fancy
- Farm Rio
- Fashion Fair
- Fashion Nova
- Feedly
- Feelunique
- Fenwick
- Ferrari
- Figma
- Finimize
- Firebox
- Fitbit
- Fiverr
- Flakes
- Fleur & Bee
- Flipd
- Flodesk
- Fluent
- Flybe
- Foodvisor
- Ford
- Forest
- Forest Nation
- Forever 21
- Fort Myers
- Fortnum & Mason
- Fossil
- Four Seasons
- Four Sigmatic
- Framebridge
- Framer
- Free People
- FreeCodeCamp
- Freedom Japanese Market
- Freetrade
- Fresh Clean Threads
- Front
- Ftsny
- Fullstory
- Furniture Village
- Fyrn
- GMC
- GQ
- GameStop
- Gap
- GatherContent
- Genesis
- Ghia
- Ghost
- Ghost Bed
- GitHub
- GitLab
- Glamour
- Glassdoor
- Glasses USA
- Glo
- Glossier
- Glossybox
- Go-Jek
- GoDaddy
- Goat
- Gobble
- Goggles4u
- Goldsmiths
- Good Idea
- Gorillas
- Gousto
- Gozney
- Grab
- Graham and Green
- Grammarly
- Graze
- Greats
- Green Chef
- GreenRush
- Groupon
- Grubhub
- Guess
- Gumroad
- Gymshark
- Gyroscope
- H&M
- H.Samuel
- HVMN
- Habitat
- Happy Viking
- Harper’s Bazaar
- Harrods
- Harry's
- Harvey Nichols
- HashiCorp
- Hastens
- HauteLook
- Havn
- Headspace
- Height
- Helix
- HelloFresh
- Help Scout
- Help for Heroes
- Hershey Park
- Hettas
- Hey
- High Museum of Art
- Hipmunk
- Hobby Lobby
- Hoka
- Holiday World
- Home Depot
- HomeGoods
- Honda
- Honest
- Honey
- HostGator
- HotelTonight
- Hotjar
- House Curious
- House of Fraser
- Houzz
- HubSpot
- HubSpot CRM
- Huel
- Hulu
- Hungry House
- Hutch
- Hyatt Hotels and Resorts
- IHG Hotels & Resorts
- Ikea
- Imperfect Foods
- Impossibrew
- InMotion Hosting
- InVision
- Infoempleo
- Infojobs
- Instacart
- Intelligentsia
- Interact
- Intercom
- Ipsy
- J.Crew
- JCPenney
- Jaguar
- Jessops
- Jet2
- JetBlue
- Jira
- Job Today
- July
- Jump Bikes
- Juni
- Just Eat
- KEH Camera
- KETL Mountain Apparel
- Kate Spade
- Kay
- Kennywood
- Kensington Tours
- Kentucky Fried Chicken
- Khan Academy
- Kin Euphorics
- Kings Island
- Klarna
- Knoebels
- Kohls
- Kroger
- Kuii
- Kupferberg Center
- LMNT
- LTHR Supply
- La Croix
- Lamborgini
- Lancôme
- Land Rover
- Landbot
- Landish
- Lane Bryant
- Launchaco
- Leadpages
- Leesa
- Lego
- Lehman Center for the Performing Arts
- Lemonade
- Lexus
- Liberty London
- Lifesum
- Lime
- Lincoln
- Lincoln Center Theater
- Lincoln Center for the Performing Arts
- Linear
- Linjer
- Linktree
- Liquid I.V.
- Litmus
- Loaf
- London Virgin Hair
- Loog Guitars
- Lookfantastic
- Loom
- Loot Crate
- Louis Vuitton
- Lowes
- Lucidchart
- Lululemon
- Luma
- Lume Cube
- Lyft
- MAC Cosmetics
- MATE the Label
- MDMflow
- MGM Resorts
- MUD/WTR
- MVMT
- Mack Weldon
- Macy's
- Made
- Magento
- Maggiano’s Little Italy
- Mailchimp
- Make
- Mango
- MapMyGut
- Marc Jacobs
- Market District
- Marley Spoon
- Marriott
- Maserati
- MasterClass
- Mattel
- Mayvenn
- MeUndies
- Meadow
- Medium
- Mejuri
- Melissa & Doug
- Memrise
- Menards
- Mercari
- Mercedes-Benz
- MetaMask
- Michaels
- Microsoft Teams
- Mingle Mocktails
- Mini
- Miro
- Miss Selfridge
- Missguided
- Misto Box
- Mitsubishi cars
- Miu Miu
- Mixpanel
- Mixtons
- Moe’s Southwest Grill
- Moment
- Monday
- Moneybox
- Mont Blanc
- Monzo
- Moo
- Moonpig
- Morning Brew
- Morning Recovery
- Muttonhead
- My First Wig
- MyFitnessPal
- N26
- NANUK
- NPR
- Nars Cosmetics
- National Geographic
- NerdWallet
- Nest Furniture
- Netflix
- Netlify
- New Balance
- New Look
- New York City Theatre
- Newegg
- Newfields
- Nicely Noted
- Nike
- No Mercy / No Malice
- Nolan Interior
- Nomatic
- Noom
- Nordstrom
- Nordstrom Rack
- Norwegian Cruise Line
- Notion
- Notonthehighstreet
- Now TV
- Nugg
- Ocado
- OfferUp
- Officevibe
- Ogee
- Old Navy
- Oliver Peoples
- Omega
- On
- Only Natural Pet
- OpenSea
- OpenTable
- Opumo
- Orange Theory
- Otiumberg
- Outdoor Voices
- Overstock
- Ozone Socks
- PBS
- Paka
- PandaDoc
- Pandora
- Parade
- Patagonia
- Patreon
- Paula's Choice Skincare
- Paw Patrol
- PayPal
- Peloton
- People
- Perelman Performing Arts Center (PAC NYC)
- Persol
- Pet Supermarket
- Petco
- Piada Italian Street Food
- Picniic
- Pier 1
- Pipedrive
- Pitch
- Pizza Express
- Plae
- Plated
- Plum
- Pluralsight
- Podia
- Pokemon
- Poshmark
- Postmates
- Pottery Barn
- Prada
- PrettyLittleThing
- Primark
- Process Street
- Publix
- Puma
- Pure Life
- Purple
- QVC
- Qdoba
- Quibi
- QuickBooks
- Quill
- Quip
- Quizlet
- Quora
- REI Co-op
- Racket
- Raleigh Limited
- RallyUp
- Rare Beauty
- Ray-Ban
- Raymond Weil
- Reader’s Digest
- Red Robin
- Redbubble
- Reebok
- Reflectly
- Remitly
- Replit
- RescueTime
- Retool
- Revolut
- Revolve
- Rezi
- Ripcurl
- Ritual Zero Proof
- Road Scholar
- Robinhood
- Rock Grace
- Rootless
- Rosewood Hotels & Resorts
- Royal Caribbean Cruises
- Rumpl
- Runkeeper
- Ruth’s Chris
- SNKRS by Nike
- Saks Fifth Avenue
- Sally Beauty
- Samsonite
- Saratoga
- SavvyCal
- Scentbird
- Schoolhouse
- Scribd
- Sea World
- Seamless
- Search Metrics
- Seedlip
- Segment
- Selfridges
- Sentry
- Sephora
- ServiceNow
- Shark
- Shein
- Shift
- Shop.com
- Shopify
- Shpock
- Shudder
- Shwood and Stanley
- Sierra Club
- Silver Dollar City
- Simba
- Six Flags
- Skechers
- Skillshare
- Skims
- Skyscanner
- Slack
- Slite
- Smartsheet
- Smiley Movement
- Smithsonian Institute
- Snapchat
- Sneaker Politics
- Snowe
- Snowflake
- Society6
- Sock Fancy
- Soka Home
- SoloLearn
- Soludos
- Sonno
- SoundCloud
- Southern Living
- Southwest
- Soylent
- Spacegoods
- Sparkling Ice
- SpeedWeed
- Spotify
- Spreadshirt
- Spyder
- Square
- Squarespace
- Squarespace Scheduling
- St Elmo Steakhouse
- St. Jude
- Stanley
- Staples
- Starbucks
- Steam
- Stitch Fix
- Stojo
- Stone Forest
- Strava
- Strikingly
- Stripe
- Substack
- SumUp
- Sun Basket
- SunGod
- Sunglass Hut
- Sunsama
- Superdrug
- SurveyMonkey
- Swarovski
- Sweatcoin
- Swoon
- Symphony Space
- TRNK
- Tag Heuer
- Tally
- Target
- Taste Trunk
- Teachable
- Teachlr
- Techcrunch
- Technics
- Tecovas
- Ted Baker
- TeePublic
- Tempur
- Tempur-Pedic
- Temu
- Terrain
- Tesla
- The Absorption Company
- The Children’s Museum of Indianapolis
- The Farmers Dog
- The Hustle
- The Jewel Hut
- The Metropolitan Museum of Art (The Met)
- The Museum of Modern Art (MoMA)
- The New York Times
- The North Face
- The Ordinary
- The White Company
- Thinx
- Threadless
- Three Spirit
- Thryve
- Tidal
- Tide.fm
- Tiffany & Co
- TikTok
- Tinder
- Todoist
- Toggl Track
- Tom Ford
- Tommy John
- Topshop
- Tory Burch
- TouchNote
- Trader Joe’s
- Trainline
- TransferWise
- Travelpro
- Trello
- Triibe
- TripAdvisor
- Trivago
- Trustpilot
- Tuft & Needle
- Tumi
- Tunnel to Towers
- TunnelBear
- Twilio
- Twitch
- Typeform
- Typhur
- UGG
- UNICEF USA
- UNIQLO
- Uber
- Uber Eats
- Udacity
- Udemy
- Ulta
- Unbounce
- Unboxme
- UncommonGoods
- Under Armour
- United
- Universe
- Upwork
- Urban Outfitters
- Us Weekly
- VIIA
- VSCO
- Vanity Fair
- Vans
- Veer
- Vercel
- Vessi
- Victoria's Secret
- Viking Cruises
- Vimeo
- Vineyard Vines
- Vinted
- Viome
- Virgin Atlantic
- Vistaprint
- Vogue
- Volvo
- Voog
- Vueling
- W
- WE
- WW (Weight Watchers)
- WalMart
- Walgreens
- Wallapop
- Wallshoppe
- Walt Disney World Resort
- Warby Parker
- Watch Shop
- Watch Station
- Watches.com
- Wattpad
- Wayfair
- Waze
- We Feed Raw
- Wealthsimple
- Webflow
- Weebly
- Wegmans
- Wendy’s
- West Elm
- Which Wich
- Whimsical
- Wikimedia Foundation
- Williams Sonoma
- Winc
- Windstar Cruises
- Wise
- Wistia
- Wix
- WooCommerce
- Wooden Spoon Herbs
- WordPress
- World Market
- World Wildlife Fund
- Wowcher
- YNAB
- Yelp
- Yeti
- YouTube
- YouTube Music
- Zales
- Zapier
- Zara
- Zazzle
- Zeelool
- Zendesk
- Zero
- Zillow
- Zoe & Morgan
- Zoom
- Zoopla
- Zulily
- allure
- eBay
- eToro
- hiyo
- omnisend
- reggie
- uBiome
Figma Invited user
Subscribed 4 years ago
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>
Figma
</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="IE=Edge" http-equiv="X-UA-Compatible"/>
<meta content="telephone=no, date=no, address=no, email=no" name="format-detection"/>
<meta name="x-apple-disable-message-reformatting"/>
<meta content="light dark" name="color-scheme"/>
<meta content="light dark" name="supported-color-schemes"/>
<style type="text/css">
/*<![CDATA[*/
:root {
color-scheme: light dark;
supported-color-schemes: light dark;
}
/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
@font-face {
font-family: 'Whyte';
font-style: normal;
font-weight: normal;
src:
/*url(https://inboxflows.com/_/image/.eot%253F%2523iefix/?inbox_flows_img_sig=eyJwYXRoIjoiLmVvdCUzRiUyM2llZml4In0:1nuWUn:C_F19B9cI8AuvAc_whlP9X2vkz6KjXuPDK4bkIY18I4) format('embedded-opentype'),
url(https://inboxflows.com/_/image/.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiLndvZmYyIn0:1nuWUn:YtUYf1gd4oGRuX0DQV7d4ZKgktE8Kzad36dNM1_Mh3g) format('woff2'),
url(https://inboxflows.com/_/image/.ttf/?inbox_flows_img_sig=eyJwYXRoIjoiLnR0ZiJ9:1nuWUn:sVEYtiuivYlpqC8wcoUcg7gbVB4472ZxrwsPkKPSbJg) format('truetype'),*/
url(https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F9254519927cf4912e61627442d7ab7a5a9226581.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw) format('woff');
mso-font-alt: 'Arial';
}
h1 {
font-size: 28px;
line-height: 28px;
font-family: 'Whyte', Helvetica, Arial, sans-serif;
color: #000000;
text-align: center;
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-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: #FFC700 !important;
}
span {
color: #fdfdfd !important;
}
a {
color: #A259FF !important;
}
/* Custom Dark Mode Text Link Color */
.link {
color: #ffffff !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;
}
}
/* 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>
<!--target dark mode-->
<!-- Allow for better image rendering on Windows hi-DPI displays. -->
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG />
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]-->
<!--to support dark mode meta tags-->
<!--[if (gte mso 9)|(IE)]>
<!-->
<!--<![endif]-->
<!--mobile styles-->
<!--mobile styles-->
<!--dark mode styles-->
<!--dark mode styles-->
<!--[if gte mso 9]>
<style>
sup {
font-size: 60% !important;
}
</style>
<![endif]-->
<body class="darkmode" style="background:#ffffff; margin:0; padding:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;">
<div 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;">
Dark mode is here! Plus, learn more about 15 new features we just launched at Config 2022.
</div>
<table cellpadding="0" cellspacing="0" class="darkmode gmail-fix" style="background: #fff; min-width: 320px;" width="100%">
<!-- section -->
<tbody>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" class="darkmode w-100p" style="max-width: 650px; margin: 0 auto;" width="650">
<tbody>
<tr>
<td align="center" class="wi-100p" style="padding: 0px;">
<a target="_blank">
<img alt="Learn about dark mode, variable fonts, auto layout updates, and more!" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Febc72b8cd75f814f8902a5cb86c6b2c0e214b3e2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width: 650px; max-width: 650px; font-size: 30px; font-family:
'Whyte', Arial, Helvetica, sans-serif; color: #ffffff; background-color: #A259FF; vertical-align: top; line-height: 44px; text-align: center;" width="650"/>
<!--[if !mso]>
<! -->
<div align="center" 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;">
<img alt="Learn about dark mode, variable fonts, auto layout updates, and more!" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Febc72b8cd75f814f8902a5cb86c6b2c0e214b3e2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width: 650px; max-width: 650px; font-size: 30px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #ffffff; background-color: #A259FF; vertical-align: top; line-height: 44px; text-align: center;" width="650"/>
</div>
</a>
<!--<![endif]-->
</td>
</tr>
</tbody>
</table>
<table align="center" cellpadding="0" cellspacing="0" class="darkmode w-100p" width="100%">
<tbody>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width: 650px; margin:0 auto; padding: 0px; background-color: #000000; border-bottom: 1px solid #ffffff;" width="650">
<tbody>
<tr>
<td align="left" 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; 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 align="right" class="fs-16" style="max-width: 200px; font-size: 20px; line-height: 24px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#FFC700; font-weight: normal; padding: 10px 20px 10px 0px;">
<h6 align="right" class="fs-16" style="max-width: 200px; font-size:20px; line-height: 24px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#FFC700; font-weight: normal; margin: 0;">
May 2022
</h6>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
<tbody>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width: 650px; margin: 0 auto;" width="650">
<tbody>
<tr>
<td align="left" class="pb-32 pl-20 darkmode" style="padding: 30px 0px 10px 60px;">
<a style="text-decoration: none;">
<img alt="Hi!" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fc3dbe90b34327157c7247ef2a94c8dffc332fe98/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" 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;" width="38"/>
<!--[if !mso]>
<! -->
<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;">
<img alt="Hi!" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fbb618f265d0495f7dd40a0f1686caa89b4d1b975/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" 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;" width="35"/>
</div>
<!--<![endif]-->
</a>
</td>
</tr>
</tbody>
</table>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p fs-18 darkmode" style="max-width: 650px; margin:0 auto;" width="650">
<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 60px 10px 60px;">
<p class="fs-18 lh-25" style="font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; margin: 0;">
This year at Config, Figma's design conference, tens of thousands of people came together to learn, share, and connect. More than 100 speakers from all over the world explored topics ranging from the inspirational to the tactical—dig into our favorite highlights and takeaways from the sessions in our
<a class="link" style="color: #000000;
text-decoration: underline; font-weight: bold;">
latest blog post
</a>
.
<br/>
<br/>
We also launched
<a class="link" style="color: #000000; text-decoration: underline; font-weight: bold;">
15 new features
</a>
to give you more control and freedom across Figma and FigJam. Read on to learn all about what's new.
</p>
</td>
</tr>
</tbody>
</table>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width: 650px; margin: 0 auto;" width="650">
<tbody>
<tr>
<td align="right" class="wi-150px pb-32 pr-45 darkmode" style="padding: 30px 60px 20px 0px;">
<a style="text-decoration: none;">
<img alt="-The Figma Team" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fb001e40ca84da6961dfc31446594a9e3dc7f3950/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" 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;" width="210"/>
<!--[if !mso]>
<! -->
<div align="right" 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;">
<img alt="The Figma Team" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F99e34457cf9e06a9d04a3d10ee81bc5a69ebc45f/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width: 210px; max-width: 210px; font-size: 22px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 24px; color: #000000; text-align: center;" width="210"/>
</div>
</a>
<!--<![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- section -->
<!-- section -->
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width:650px; margin:0px auto;" width="650">
<tbody>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
<tbody>
<tr>
<td align="center" class="pt-40 fs-32 lh-38 darkmode pl-25 pb-20" style="padding:40px 0px 50px 20px; font-weight: lighter; font-size: 32px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left;">
<h1 class="fs-24" 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 align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
<tbody>
<tr>
<td style="padding: 0px 10px 0px 10px;">
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
<tbody>
<tr>
<td style="padding: 0px 0px 50px 0px;">
<table>
<tbody>
<tr>
<td align="left" class="pb-32 pt-0 darkmode wi-100px" style="padding: 0px" valign="top">
<a style="text-decoration: none;">
<img alt="Variable fonts" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fea6bd3129965abc1655b05426c8d8c4eecc609f5/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width: 150px;
max-width: 150px; font-size: 10px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 14px; color: #5551FF; text-align: left;" width="150"/>
</a>
</td>
<td align="center" class="plr-25 darkmode" 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;" valign="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;">
Variable fonts
</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;">
<h4 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;">
Broaden the possibilities of your designs and typography with a wide range of font styles and features.
</h4>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
<tbody>
<tr>
<td style="padding: 0px 0px 50px 0px;">
<table>
<tbody>
<tr>
<td align="left" class="pb-32 pt-0 darkmode wi-100px" style="padding: 0px" valign="top">
<a style="text-decoration: none;">
<img alt="Auto layout" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F2b7e9c4712a9acf045595bbc3cde0b56e4aa3ed0/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width: 150px; max-width:
150px; font-size: 10px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 14px; color: #5551FF; text-align: left;" width="150"/>
</a>
</td>
<td align="center" class="plr-25 darkmode" 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;" valign="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;">
Auto layout—redesigned
</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;">
<h4 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;">
More powerful and easier to use—check out the on-canvas controls and layout options for negative spacing and absolute positioning.
</h4>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
<tbody>
<tr>
<td style="padding: 0px 0px 40px 0px;">
<table>
<tbody>
<tr>
<td align="left" class="pb-32 pt-0 darkmode wi-100px" style="padding: 0px" valign="top">
<a style="text-decoration: none;">
<img alt="Component properties" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fdf29bb4306dfc1885a42a866cef02ac4bf304d8a/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width: 150px;
max-width: 150px; font-size: 10px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 14px; color: #5551FF; text-align: left;" width="150"/>
</a>
</td>
<td align="center" class="plr-25 darkmode" 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;" valign="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;">
Component properties
</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;">
<h4 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;">
Add built-in customizations to your components for fewer variants and smoother developer handoff.
</h4>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="darkmode w-100p" style="background-color: #ffffff; border-spacing: 0;" width="100%">
<tbody>
<tr>
<td class="plr-0 darkmode pt-24" style="padding:30px 0px 30px 0px; background-color: #ffffff;">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto; max-height: 100px; border-spacing: 0; background-color: #ffffff;">
<tbody>
<tr>
<td align="center" class="active-t darkmode btn-white2 fs-18" style="mso-padding-alt:12px 27px; background-color:#000000; font-weight:bold; font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; border:5px solid #ffffff; border-radius:8px;">
<a class="link" style="padding:12px 27px; color:#ffffff; text-decoration:none; display:block;">
Explore all 15 features
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- section -->
<!-- section -->
<!-- block -->
<!-- section -->
<table align="center" cellpadding="0" cellspacing="0" class="darkmode w-100p" style="max-width: 650px; margin: 0 auto;" width="650">
<tbody>
<tr>
<td align="center" class="wi-100p" style="padding: 30px 0px;">
<a target="_blank">
<img alt="WELCOME TO THE DARK SIDE ** WELCOME TO THE DARK SIDE ** WELCOME TO THE DARK SIDE" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F748f95697329cb2b221f0e979ceee578d27de587/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width: 650px; max-width:
650px; font-size: 12px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #ffffff; background-color: #000000; vertical-align: top; line-height: 16px; text-align: center;" width="650"/>
<!--[if !mso]>
<! -->
<div align="center" 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;">
<img alt="WELCOME TO THE DARK SIDE ** WELCOME TO THE DARK SIDE ** WELCOME TO THE DARK
SIDE" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F748f95697329cb2b221f0e979ceee578d27de587/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width: 650px; max-width: 650px; font-size: 12px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #ffffff; background-color: #000000; vertical-align: top; line-height: 16px; text-align: center;" width="650"/>
</div>
</a>
<!--<![endif]-->
</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" style="padding:0 0 10px;">
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
<tbody>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width: 650px; margin:0 auto;" width="650">
<tbody>
<tr>
<td class="fs-20 lh-34 plr-40" style="font-size: 24px; line-height: 34px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; text-align: center;padding: 20px 10px 0px;">
<p class="fs-20 lh-34 plr-40" style="font-size: 24px; line-height: 34px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; text-align: center; margin: 0; padding: 0px 150px;">
Design in style and comfort with dark mode.
</p>
</td>
</tr>
<tr>
<td class="fs-20 lh-34 plr-40" style="font-size: 24px; line-height: 34px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: bold; text-align: center; padding: 0px 60px 20px;">
<p class="fs-20 lh-34" style="font-size: 24px; line-height: 34px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: bold; text-align: center; margin: 0;">
<a class="link" style="color: #000000;
text-decoration: none; font-weight: bold;">
Learn more →
</a>
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" cellpadding="0" cellspacing="0" class="darkmode w-100p" style="max-width: 650px; margin: 0 auto;" width="650">
<tbody>
<tr>
<td align="center" class="wi-100p" style="padding-top: 30px;">
<a target="_blank">
<img alt="Enable dark mode by selecting Preferences -> Theme -> Dark in a file" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Faf313765b3d693a366a13c7c38ac5f692060c817/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width: 650px; max-width:
650px; font-size: 16px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #000000; background-color: #ffffff; border: 3px solid #000000; vertical-align: top; line-height: 24px; text-align: center;" width="650"/>
<!--[if !mso]>
<! -->
<div align="center" 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;">
<img alt="Enable dark mode by selecting Preferences ->
Theme -> Dark in a file" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Faf313765b3d693a366a13c7c38ac5f692060c817/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width: 650px; max-width: 650px; font-size: 16px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #000000; background-color: #ffffff; border: 3px solid #ffffff; vertical-align: top; line-height: 24px; text-align: center;" width="650"/>
</div>
</a>
<!--<![endif]-->
</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" style="padding:0 0 35px;">
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" class="pt-24 fs-32 lh-38 darkmode pl-25 pb-20" style="padding:40px 0px 20px 30px; font-weight: lighter; font-size: 32px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left;">
<h1 class="fs-24" style="font-weight:lighter; font-size: 32px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
Join an upcoming Figma event
</h1>
</td>
</tr>
<tr>
<td align="center">
<table align="center" cellpadding="0" cellspacing="0" class="darkmode" style="margin:0 auto;" 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 30px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" class="wi-100p" style="padding:0 0 12px;">
<a style="text-decoration:none;">
<img alt="How we jam: Team rituals for better design jams" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F33e79caed446ec74f7b92a83eb05b5d8b9dc8986/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="max-width:350px; font-size:22px; font-weight: normal; line-height: 30px; font-family:'Whyte', Helvetica,
Arial,sans-serif; color:#A259FF; vertical-align:top; text-align: left;" width="295"/>
</a>
</td>
</tr>
<tr>
<td align="center" class="fs-18 lh-23 w-100p" style="max-width: 350px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter;" width="295">
<h4 class="fs-18 lh-23" style="max-width: 350px; font-weight:normal; font-size: 20px; line-height: 26px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
Learn how the Coda team uses FigJam for design rituals on June 1
</h4>
</td>
</tr>
<tr>
<td align="center" class="fs-16 lh-21 w-100p" style="max-width: 350px; font-size: 16px; line-height: 21px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#A259FF; font-weight: lighter; padding-top: 20px;" width="295">
<p class="fs-16 lh-21" style="max-width: 350px; font-weight:bold; font-size: 16px; line-height: 21px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#A259FF; text-align: left; margin: 0;">
<a class="fs-16 lh-21" style="font-size: 16px; line-height: 21px;font-family:'Whyte', Helvetica, Arial,
sans-serif; color: #A259FF; font-weight: bold; text-align: left;">
Register now →
</a>
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</th>
<th align="center" class="tflex" style="vertical-align:top;" width="295">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="padding:20px 30px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" class="wi-100p" style="padding:0 0 12px;">
<a style="text-decoration:none;">
<img alt="In the file: Designing for autonomous vehicles" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F47362328f8c8f18a46ade9b379636e514b75063e/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="max-width:350px; font-size:22px; font-weight: normal; line-height: 30px; font-family:'Whyte', Helvetica,
Arial,sans-serif; color:#A259FF; vertical-align:top; text-align: left;" width="295"/>
</a>
</td>
</tr>
<tr>
<td align="center" class="fs-18 lh-23 w-100p" style="max-width: 350px; font-size: 20px; line-height: 26px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter;" width="295">
<h4 class="fs-18 lh-23" style="max-width: 350px; font-weight:normal; font-size: 20px; line-height: 26px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
Learn how Applied Intuition simplifies the design process for self-driving cars on June 14
</h4>
</td>
</tr>
<tr>
<td align="center" class="fs-16 lh-21 w-100p" style="max-width: 350px; font-size: 16px; line-height: 21px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#A259FF; font-weight: lighter; padding-top: 20px;" width="295">
<p class="fs-16 lh-21" style="max-width: 350px; font-weight:bold; font-size: 16px; line-height: 21px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#A259FF; text-align: left; margin: 0;">
<a class="fs-16 lh-21" style="font-size: 16px; line-height: 21px;font-family:'Whyte', Helvetica, Arial,
sans-serif; color:#A259FF; font-weight: bold; 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>
<!-- block -->
<!-- section -->
<!-- Footer -->
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width:650px; margin:0px auto;">
<tbody>
<tr>
<td align="center" class="darkmode w-100p" style="background:#ffffff; border-top: 1px solid #DEDEDE;" width="650">
</td>
</tr>
</tbody>
</table>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width:650px; margin:0px auto;">
<tbody>
<tr>
<td align="center" class="plr-15 ptb-24 darkmode w-100p" style="background:#ffffff; padding:35px 10px 46px;">
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" style="max-width:400px; margin:0 auto;" width="400">
<tbody>
<tr>
<td align="center" style="padding:25px 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 class="active-i" style="line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
<a style="text-decoration:none;">
<img alt="figma" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F362dad2073b1e974b85e78019adb0badc946df74/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#000;
vertical-align:top; text-align: center;" width="30"/>
</a>
</td>
<td style="font-size:1px; line-height:1px;" width="30">
</td>
<td class="active-i" style="line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
<a style="text-decoration:none;">
<img alt="twitter" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F216212e7916d3148bdb7ed6dd87240106d782065/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#000;
vertical-align:top; text-align: center;" width="30"/>
</a>
</td>
<td style="font-size:1px; line-height:1px;" width="30">
</td>
<td class="active-i" style="line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
<a style="text-decoration:none;">
<img alt="instagram" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Faf11eaaadaa6376b958648d273b63d7126441af9/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#000;
vertical-align:top; text-align: center;" width="30"/>
</a>
</td>
<td style="font-size:1px; line-height:1px;" width="30">
</td>
<td class="active-i" style="line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
<a style="text-decoration:none;">
<img alt="facebook" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fb75a7245bc497aaf501164d4cf61303096a261a5/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#000;
vertical-align:top; text-align: center;" width="30"/>
</a>
</td>
<td style="font-size:1px; line-height:1px;" width="30">
</td>
<td class="active-i" style="line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
<a style="text-decoration:none;">
<img alt="linkedin" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F3b79f70df0d97bdb6560e64b2a05d97f8af4b29a/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica,
sans-serif;color:#000; vertical-align:top; text-align: center;" width="30"/>
</a>
</td>
<td style="font-size:1px; line-height:1px;" width="30">
</td>
<td class="active-i" style="line-height:1px; font-size:1px; mso-line-height-rule:at-least;">
<a style="text-decoration:none;">
<img alt="dribble" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F8e1a4619a94fa5e42914cfcd974e4a3bd5e6d39c/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1nuWUn:8Crzu2XE6Vwxx0Am5lA7GTM1lIs8eMQ2RN8HHb_pSQw" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#000;
vertical-align:top; text-align: center;" width="30"/>
</a>
</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>
<img alt="" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fgo.figma.com%252Ftrk%253Ft%253D1%2526mid%253DNzc4LU1FVS0yODE6MDoyNzUyOjEwNTc0OjkxOTYzOjMxNzg6OToxNDg1NToxMjgxNDM5MjozYzNlMjBmZkB1aWZlZWQuY29t/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZnby5maWdtYS5jbyJ9:1nuWUn:BHpAnzA200-lEqQXRITy5D3EurKNB_fy2QY3KHCJPAg" 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;">
<a class="link" style="color:#707070; text-decoration:underline;">
Unsubscribe
</a>
from Figma marketing emails.
</p>
</body>
</html>
3 years, 3 months ago - community@figma.com
15 new features you May have missed
Dark mode is here! Plus, learn more about 15 new features we just launched at Config 2022. ...