- 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" "//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:1qbGpw:CflVJjBAhJELAw_ZPcetyDhT2rvjR_QIztqcn2HsiPo) format('embedded-opentype'),
url(https://inboxflows.com/_/image/.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiLndvZmYyIn0:1qbGpw:IR1hNCKsulkelzNzfGu1uzxrNsjqRd4AK8QiXzley1U) format('woff2'),
url(https://inboxflows.com/_/image/.ttf/?inbox_flows_img_sig=eyJwYXRoIjoiLnR0ZiJ9:1qbGpw:0jwQuv7KuWAvGqVwFy5k54PzJ3YeWcSou5EnJGIpm7k) format('truetype'),*/
url(https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F9254519927cf4912e61627442d7ab7a5a9226581.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE) 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: bold;
margin: 0;
}
h2 {
font-size: 28px;
line-height: 36px;
font-family: 'Whyte', Helvetica, Arial, sans-serif;
color: #000000;
text-align: center;
font-weight: lighter;
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;
}
.btn-link {
color: #ffffff !important;
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-100px {
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;
}
.darkmode-btn {
background-color: #fff !important;
color:#000 !important;
}
/* Custom Dark Mode Font Colors */
h1,
h2,
h3,
h4,
h5,
p,
ul,
li {
color: #fdfdfd !important;
}
h6 {
color: #ffffff !important;
}
span {
color: #fdfdfd !important;
}
a {
color: #fff !important;
}
/* Custom Dark Mode Text Link Color */
.link {
color: #C7B9FF !important;
}
.footer a {
color: #fdfdfd !important;
}
.cta-border {
color: #fdfdfd !important;
border: 3px solid #fdfdfd !important;
}
.cta-border span {
color: #7EABCE !important;
}
.btn-black {
background-color: #fdfdfd !important;
color: #000000 !important;
border: 3px solid #fdfdfd !important;
border-radius: 5px !important;
mso-color: #000000 !important;
mso-border: 3px solid #fdfdfd !important;
mso-border-radius: 5px !important;
}
.btn-white {
background-color: #fdfdfd !important;
color: #000000 !important;
border: 3px solid #fdfdfd !important;
border-radius: 5px !important;
mso-color: #000000 !important;
mso-border: 3px solid #fdfdfd !important;
mso-border-radius: 5px !important;
}
.btn-white2 {
background-color: #000000 !important;
color: #ffffff !important;
border: 3px solid #fdfdfd !important;
border-radius: 5px !important;
mso-color: #ffffff !important;
mso-border: 3px solid #fdfdfd !important;
mso-border-radius: 5px !important;
}
}
/* 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-btn {
background-color: #fff !important;
color:#000 !important;
}
[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 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;">
Dev Mode fast follows, Display P3 color support, and more new features from Figma.
</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="mktEditable darkmode w-100p" id="bannerimg" 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="Making new things and exploring new features in Figma" class="light-img" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fbf36f9431bef8478bfc1764227da6be8c547d80c/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" style="width: 650px; max-width: 650px; font-size: 28px; font-family:
'Whyte', Arial, Helvetica, sans-serif; color: #000; background-color: #0FA958; 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="Tips and tricks for Figma's newest features" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Fbf36f9431bef8478bfc1764227da6be8c547d80c/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" style="width: 650px; max-width: 650px; font-size: 30px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #699BF7; background-color: #000000; 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="mktEditable darkmode w-100p" id="newstitle" 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:#ffffff; 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:#ffffff; font-weight: normal; margin: 0;">
August 2023
</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:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" 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:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" 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="mktEditable fs-18 lh-25 pl-20 pr-20" id="newsintro" style="font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; padding: 30px 50px 10px 50px;">
<p class="fs-18 lh-25" style="font-size: 19px; line-height: 27px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal; margin: 0;">
This month, we focused on taking a step back, trying new things, and making room for play. In fact, that was the theme of our latest Maker Week—a biannual tradition where we clear our calendars to work on Figma passion projects.
<br/>
<br/>
Our big takeaway? Great things happen when you embrace fun, spontaneous exploration, like
<strong>
<a style="color: #000000; text-decoration: underline; font-weight: bold;">
Clippy
</a>
</strong>
, a plugin that lets you add attachments to Figma files, or
<strong>
<a style="color: #000000; text-decoration: underline; font-weight: bold;">
Jambot
</a>
</strong>
, which brings the delights of ChatGPT into FigJam. These are just a few recent additions to a long list of Figma features that started out as Maker Week projects (auto layout, anyone?).
<br/>
<br/>
So go forth, take a break, and make—and read all about our latest features to help you bring your best ideas to life.
</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:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" 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:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" style="width: 210px; max-width: 210px; font-size: 20px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 24px; color: #fff; text-align: center" 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="mktEditable pt-40 fs-32 lh-38 darkmode pl-25 pb-20" id="featuresintro" style="padding:30px 0px 40px 15px; font-weight: lighter; font-size: 32px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left;">
<h1 class="fs-24" style="font-weight:normal; font-size: 28px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
Features and updates
</h1>
</td>
</tr>
</tbody>
</table>
<table align="center" cellpadding="0" cellspacing="0" class="w-100p darkmode" width="100%">
<tbody>
<tr>
<td class="mktEditable style=" id="features" padding:="">
<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="Jambot widget" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F09e67f7ef01742987bf0f8a443668b035abf10b6/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" style="width: 150px; max-width:
150px; font-size: 10px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 14px; color: #0FA958; text-align: left;" width="150"/>
</a>
</td>
<td align="center" class="plr-25 darkmode" style="padding:0px 40px 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: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">
Jambot for FigJam
</h3>
</td>
</tr>
<tr>
<td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;">
<p class="fs-16 lh-22" style="font-weight:normal; font-size: 17px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
Integrate ChatGPT with FigJam to spark a first draft and make progress faster. Create visual mindmaps with AI, start multi-threaded brainstorms, and generate ideas with teammates in the same canvas.
</p>
</td>
</tr>
<tr>
<td class="fs-16 lh-23" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#5551FF; font-weight: bold;padding-top: 10px;">
<a class="link" style="color: #5551FF; font-weight: bold; text-decoration: none;">
Try it out →
</a>
</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="Color profile management" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252Ffdf1ab8fda10dd4ae019f2a979d4bcee05f6ecf5/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" style="width: 150px; max-width: 150px; font-size: 10px; font-family: 'Whyte', Arial, Helvetica, sans-serif; vertical-align: top; line-height: 14px; color: #0FA958; text-align: left;" width="150"/>
</a>
</td>
<td align="center" class="plr-25 darkmode" style="padding:0px 40px 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: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">
Display P3 color support
</h3>
</td>
</tr>
<tr>
<td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;">
<p class="fs-16 lh-22" style="font-weight:normal; font-size: 17px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
Set your color profile to Display P3 when designing for supported experiences—like iOS screens—to access more vibrant colors than the sRGB standard.
</p>
</td>
</tr>
<tr>
<td class="fs-16 lh-23" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#5551FF; font-weight: bold;padding-top: 10px;">
<a class="link" style="color: #5551FF; font-weight: bold; text-decoration: none;">
Learn more →
</a>
</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="Dev mode improvements" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F41a73d3ee1819d55aa58933ed7034d07e381ccfe/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" style="width: 150px; max-width: 150px; font-size: 10px; font-family: 'Whyte', Arial,
Helvetica, sans-serif; vertical-align: top; line-height: 14px; color: #0FA958; text-align: left;" width="150"/>
</a>
</td>
<td align="center" class="plr-25 darkmode" style="padding:0px 40px 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: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">
Dev Mode fast follows
</h3>
</td>
</tr>
<tr>
<td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;">
<p class="fs-16 lh-22" style="font-weight:normal; font-size: 17px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
Explore the 200+ fixes and improvements we’ve made to the beta since launch—all based on your feedback.
<span class="fs-16 lh-22" style="font-weight:normal; font-size: 17px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
<em>
Dev Mode is in beta through 2023.
</em>
</span>
</p>
</td>
</tr>
<tr>
<td class="fs-16 lh-23" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#5551FF; font-weight: bold;padding-top: 10px;">
<a class="link" style="color: #5551FF; font-weight: bold; text-decoration: none;">
Check them out →
</a>
</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="Editing variables" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F23e5f7a118ee974418d3fada76b6dd28f6b2ee86/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" style="width: 150px; max-width: 150px; font-size: 10px; font-family: 'Whyte', Arial,
Helvetica, sans-serif; vertical-align: top; line-height: 14px; color: #0FA958; text-align: left;" width="150"/>
</a>
</td>
<td align="center" class="plr-25 darkmode" style="padding:0px 40px 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: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; vertical-align: top;">
Variables improvements
</h3>
</td>
</tr>
<tr>
<td class="fs-18 lh-22" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter; padding-top: 10px;">
<p class="fs-16 lh-22" style="font-weight:normal; font-size: 17px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
Manage variables in your design systems more effectively with updates like color scope support, bulk variables editing, and code syntax naming.
</p>
</td>
</tr>
<tr>
<td class="fs-16 lh-23" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#5551FF; font-weight: bold;padding-top: 10px;">
<a class="link" style="color: #5551FF; font-weight: bold; text-decoration: none;">
Explore the updates →
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</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 0px;">
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" class="mktEditable pt-40 fs-32 lh-38 darkmode pl-25 pb-20" id="newscommunityintro" style="background:#fff;padding:20px 20px 20px 15px; font-weight: medium; 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:normal; font-size: 28px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
Community spotlight
</h1>
<p class="fs-16 lh-22" style="font-size: 18px; line-height: 24px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
Explore new resources we love, and
<a style="color: #000; font-weight: normal; text-decoration: underline;">
rate and review
</a>
your favorites on Figma Community.
</p>
</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 20px 20px 20px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="left" class="mktEditable wi-100p" id="newscommunityimg1" style="padding:0 0 20px;">
<a style="text-decoration:none;">
<img alt="Community file" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F92bcc1767058effeb304aa90f8641981a10590b2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" style="max-width:56px;font-size:10px; font-weight: normal; line-height: 14px; font-family:'Whyte', Helvetica, Arial,sans-serif; color:#474747; vertical-align:top; text-align: left;" width="295"/>
</a>
</td>
</tr>
<tr>
<td align="left" class="mktEditable fs-18 lh-23 w-100p" id="newscommunitytxt1" style="max-width: 350px; font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter;" width="295">
<p class="fs-16 lh-23" style="max-width: 350px; font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
<strong>
iOS 17 UI Kit for Figma
</strong>
<br/>
Design for iOS 17 and iPad 17 with the official Apple Design Resources design kit for Figma.
<br/>
<br/>
<a class="link" style="color: #5551ff; font-weight:bold; text-decoration: none;">
Use the toolkit →
</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 20px 20px 20px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="left" class="mktEditable wi-100p" id="newscommunityimg2" style="padding:0 0 20px;">
<a style="text-decoration:none;">
<img alt="Commuity widget" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F9ee228ca69a32a590e0140159ec9e54f72cff8a1/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" style="max-width:56px; font-size:10px; font-weight: normal; line-height: 14px; font-family:'Whyte', Helvetica, Arial,sans-serif; color:#474747; vertical-align:top; text-align: left;" width="295"/>
</a>
</td>
</tr>
<tr>
<td align="left" class="mktEditable fs-16 lh-23 w-100p" id="newscommunitytxt2" style="max-width: 350px; font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: lighter;" width="295">
<p class="fs-16 lh-23" style="max-width: 350px; font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
<strong>
Coda x FigJam Widget
</strong>
<br/>
Export FigJam stickies into a Coda table or render Coda tables inside Figma or FigJam.
<br/>
<br/>
<a class="link" style="color: #5551ff; font-weight:bold; text-decoration: none;">
Get the widget →
</a>
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- section -->
<!-- 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 align="center" style="padding:0 0 50px;">
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" class="mktEditable darkmode pl-25" id="newseventsintro" style="padding:40px 0px 10px 15px; font-weight: bold; font-size: 24px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left;">
<h1 class="fs-24" style="font-weight:normal; font-size: 28px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
Upcoming events
</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" class="mktEditable" id="newsevent1" width="100%">
<tbody>
<tr>
<td align="center" class="w-100p">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="padding:20px 13px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="left" class="wi-100p" style="padding:0 0 15px;">
<a style="text-decoration:none;">
<img alt="Register for our Retail redesigned livestream" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F4acd07f5382285144c05a3844d33a322b4fe1d65/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" style="max-width:350px; font-size:12px; font-weight: normal; line-height: 20px; font-family:'Whyte', Helvetica,
Arial,sans-serif; color:#FF8577; vertical-align:top; text-align: left;" width="295"/>
</a>
</td>
</tr>
<tr>
<td align="left" class="fs-18 lh-23 w-100p" style="max-width: 350px; font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; font-weight: normal;" width="295">
<h4 class="fs-18 lh-23" style="max-width: 350px; font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
<strong>
Retail redesigned: How Patagonia is redesigning retail
</strong>
</h4>
<p class="fs-16 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; margin-top:5px">
Join Levon Sharrow, Director of Digital Experience, for an inside look at how Patagonia works on Sept. 6 at 9am PT / 4pm GMT.
</p>
</td>
</tr>
<tr>
<td align="left" class="fs-16 lh-21 w-100p" style="max-width: 350px; font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#5551ff; font-weight: normal; padding-top: 20px;" width="295">
<p class="fs-16 lh-23" style="max-width: 350px; font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
<a class="fs-16 lh-22 link" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color: #5551ff; 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" class="mktEditable" id="newsevent2" width="100%">
<tbody>
<tr>
<td style="padding:20px 10px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="left" class="wi-100p" style="padding:0 0 15px;">
<a style="text-decoration:none;">
<img alt="Register for our Office Hours livestream" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.figma.com%252Fuploads%252F924a2cf87ba1b656444692b2fddabd09f2be2939/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuZmlnbSJ9:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" style="max-width:350px; font-size:12px; font-weight: normal; line-height: 20px; font-family:'Whyte', Helvetica,
Arial,sans-serif; color:#FF8577; vertical-align:top; text-align: left;" width="295"/>
</a>
</td>
</tr>
<tr>
<td align="left" class="fs-18 lh-23 w-100p" style="max-width: 350px; font-size: 17px; line-height: 22px;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: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
<strong>
Office Hours: Onboarding to Dev Mode
</strong>
</h4>
<p class="fs-16 lh-22" style="font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0; margin-top:5px">
Learn how to adjust your workflows and set up your files to best onboard your engineers to Dev Mode, on Sept. 13 at 9am PT / 4pm GMT.
</p>
</td>
</tr>
<tr>
<td align="left" class="fs-16 lh-21 w-100p" style="max-width: 350px; font-size: 16px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#A259FF; font-weight: lighter; padding-top: 20px;" width="295">
<p class="fs-16 lh-23" style="max-width: 350px; font-weight:normal; font-size: 18px; line-height: 22px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left; margin: 0;">
<a class="fs-16 lh-21 link" style="font-size: 18px; line-height: 22px;font-family:'Whyte', Helvetica, Arial, sans-serif; color:#5551ff; 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 -->
<!-- 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:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" 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:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" 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:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" 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:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" 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:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" 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:1qbGpw:_xQzA0Zw2gds5j1dlEiNe5-tQ_yfThCjuZDVcgTMuzE" 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>
<em>
</em>
<a>
</a>
<img alt="" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fgo.figma.com%252Ftrk%253Ft%253D1%2526mid%253DNzc4LU1FVS0yODEAAAGN5JebNtcYnI5i229cgHZTqapIEnzEM2BcuobXv86dGTxeXYqnlH_xUIGqRNaxQlzP41ZHXZm-VaAUhFhHCPYqAcMWxvBbTZ99l9rQkU5VHOB8Uezegm8SIwQhgmVZDnBjpQu9cksmZ6pu/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZnby5maWdtYS5jbyJ9:1qbGpw:7l2eJzjvREMgunDUeNBgGIUTyQJEJUQRLinvAAo56Tw" 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, 3 months ago - support@figma.com
Dev Mode fast follows, Display P3 color support, and more new features from Figma. ...