Config 2022
2022-05-10..2022-05-11
-- online --
Config ·
[Config 2020, Config 2021, Config 2022, Config 2025, Config 2026]
who it's for
product designers, design system maintainers, design managers, ux researchers, content designers, design engineers, plugin developers, accessibility specialists
topics
Figma widgets and integrations; widget code generator; Auto Layout absolute positioning; negative spacing and stacking; component properties and variants; variable fonts and optical sizes; centralized design data portal; FigJam interactive workshops; design pairing and collaboration workflows; internationalized typography stacks; WCAG 3.0 color theming
| title | author | length |
|---|---|---|
| Config 2022 Opening keynote | Dylan Field | 30m |
Figma launches 15 new features with live demos that mostly work and one awkward live‑demo pause; FigJam adds interactive widgets for Jira Asana and GitHub plus… | ||
| Figma tutorial: What’s new in Auto layout | Figma (unnamed presenter) | 16m |
Builds a task‑card component and demonstrates concrete changes: negative spacing creates overlapping avatars and a new canvas stacking order sets which avatar… | ||
| Keynote (New Features to Be Announced) | Yamashita Yuki | 27m |
Figma announced new features including real-time canvas widgets with Jira and Asana integrations and a widget code generator that converts frames into widget… | ||
| Designing for Neurodiversity | Treyce M | 19m |
Shows concrete design moves and real product examples rather than theory: Asana multiple views and a Pinterest modal with Pinterest dual close buttons for… | ||
| Taming multiple design systems with a single plugin | Demian B, Kelly H, Kelvin N | 23m |
Intuit describes building a Figma plugin backed by a centralized design data as single source of truth that maps Figmas node ids to code via a developer portal… | ||
| Design Paradigms in a Decentralized Future | Isha Kasliwal | 26m |
Claims that design, not topic, differentiates Web3: concrete examples include an automated market maker built on Ethereum that spawns a fork every single day… | ||
| Two teams One Dior | Ines Jaibi, Rémi Zed | 13m |
Two in-house design teams for couture and parfums integrate UX work and claim one coherent brand experience while supporting different user behaviors. They… | ||
| Design systems are flawed | José Torre | 23m |
Argues design systems are tools not solutions, and gives measurable evidence: a dashboard shows Polaris covers 49% coverage of the live product; a highlighter… | ||
| Over-complicated? Over-simplified? The UX Efficient Frontier | Morgane Peng | 20m |
Claim: use a finance portfolio metaphor to pick the right complexity for each user by plotting business expertise vs interface expertise and aiming for the UX… | ||
| Trust Between Teams | Hayley Hughes | 23m |
Claims clear: design systems are presented as decision frameworks, not just tokens; concrete examples include IBM scaling design from 60 to over 3,000… | ||
| How to make your research findings more actionable with Figma | Žaneta Kučarová | 17m |
Claim: embedding usability findings directly into feature Figma files makes them actionable. The team builds post-its in Figma—color-coded sticky notes with… | ||
| Design as a catalyst for organizational rituals, connection, & delight | Meher Goel, Jerrie Fu | 24m |
Built an interactive Idea House in Figma and FigJam that hosts note‑taking, meditative pools, a library and an ideation station; 170 attendees enter, 70+ ideas… | ||
| Who doesn't love bikes? Designing for users with contradictory needs | Sarah W | 21m |
Guerrilla intercepts in US cities, remote interviews and international focus groups produce user spectra (non‑enthusiast ↔ enthusiast, first‑time ↔ returning)… | ||
| Think outside of the Frame | Fons Mans | 22m |
Claims a concrete workflow for getting a visual direction: build one billboard method image, iterate wildly without layout cleanup, then translate that single… | ||
| FigJam’in Through the Roads Less Travelled | Bindu U, Iara L | 21m |
A reproducible product-audit workshop uses FigJam to crowdsource UX, UI and accessibility issues across seven scripted boards and 30+ participants in breakout… | ||
| You're Doing It Wrong 😉 | Carol Chapman, Jessica Speigel | 19m |
HBO Max documents a hard lesson: scale needs structure and tradeoffs. The core claim is that a lean core plus a federated design systems champions network… | ||
| Words as design: systemizing product copy and building Ditto | Jessica O, Jolena M | 24m |
Claim: treating product copy as a system fixes real problems. Evidence: a Microsoft Azure study shows 44 percent fewer user test errors after copy changes… | ||
| How design tokens can make us better collaborators | Jan Six | 23m |
Design tokens serve as a writable source of truth outside Figma that teams read and write from, enabling designers to edit values in Figma or code, create… | ||
| How Figma helps me in my role as a Content Designer | Jadesola Odujole-Babatunde | 23m |
Claims that learning Figma makes content work faster and clearer: copy gets placed into real screens, wireframes and quick mockups are built in Figma and… | ||
| Product Design at MoMA | Eric Li, Stephanie Schapowal | 22m |
Museum website serves about 15 million unique visitors a year and indexes 26,000+ artists; adding portraits drives roughly 10× clicks on featured artist… | ||
| What makes collaboration click? | Cristen Torrey | 21m |
Research uses a diary study, interviews and a survey across 23 countries with ~250 diary entries to show five collaboration behaviors — co-creation, rapport… | ||
| Designing for Modern Dating | Lindsay Norman | 24m |
Hinge replaces swipe-speed profiles with structured prompts and adds voice prompts as a separate profile element, shipped with a sample answer and half‑sheet… | ||
| Making Accessibility More Accessible for Your Organization | Bona K, Jill D, Miki B | 21m |
Sonos reports 13.4 million households and describes a concrete program: a 2019 survey plus follow‑up interviews that reveal all initial hypotheses are wrong… | ||
| How to Show & Tell: A recipe to share work async | Pavi Logeswaran | 17m |
A concrete recipe appears: use a 30-60-90 state label, open with context and jobs‑to‑be‑done, show prototype interactions via Figma Mirror or a phone… | ||
| How we internationalized our typography stack | Francesco Cutolo | 10m |
A migration replaces a custom multi‑glyph build with a system font stack using San Francisco, Roboto and Arial, implemented by cloning the typography file per… | ||
| Building Connections and Community Beyond the Classroom | Anu Murthy, Fritz Riha | 18m |
Inneract Project claims measurable impact: 3,200 hours of hands-on training for over 1,500 students and connections to roughly 10,000 professionals. During… | ||
| Retrospectives and FigJam: like peanut butter and jelly | Megan O'Neill | 21m |
Three concrete moves: set up a reusable FigJam board way ahead of time so people add notes during the project, use an established framework like 4L (Liked… | ||
| Planting the seed for a “systems state of mind” | Facundo Cabanne, Germán Ventriglia | 20m |
Andes UI migrates to Figma and becomes a shared, transparent library with eight libraries, 40+ components and thousands of variants, used by a UX org of ~800… | ||
| The hardest part about building dark mode is that people think it’s easy | Ryhan Hassan, Jacob Miller | 19m |
Figma documents a concrete process: they reinvent color ramps (moving from ~35 to 190 hues), introduce semantic colors with roles and prominence, and build… | ||
| The Design MC: Facilitating safe and inclusive feedback | Harrison Wheeler | 23m |
Claims a repeatable facilitation pattern: a downloadable Figma template with a critique workspace, generative session board and an FYI frame, plus a documented… | ||
| Designing a super app for the cultural diversity across southeast Asia | Keith Vaz, Manyu Varma, Ronak Mokashi | 22m |
Gojek claims a single adaptive design system called asphalt design system that scales one UI across 20+ products while localizing color palettes, illustrations… | ||
| The real plugins are the friends we make along the way | Tru Narla | 17m |
Builds and ships FigJam widgets using the widget API and streams the code live, proving public coding holds accountability and teaches debugging under… | ||
| Designing for new internet users | Rahul Goradia | 22m |
Design decisions center on concrete results not abstractions: a 14.5 MB Meesho app that avoids heavy updates and becomes the most downloaded app in October, an… | ||
| Making the Things That Help Others Do Their Thing | Joey Banks | 18m |
Shows a concrete claim: reconstructing iOS UI components in Figma with variants and interactive components saves repeated work and reduces accidental… | ||
| It's better when we design together | Lichin Lin | 21m |
PicCollage migrates from Sketch to Figma over six months as the product design team scales from 3 to 9 designers, forcing a new file structure and process… | ||
| Designing spatial software | Suraya Shivji | 24m |
A concrete recipe: use Figma as source of truth, prototype early with high‑volume screenshots and Smart Animate, and commit to a clear feeling (comfort +… | ||
| Design to production in a snap and how you can do it too? | Tushar Debnath | 22m |
Claims a cut from two to three weeks down to near-instant iteration by matching design API to code API and shipping UI from server using Figma tooling. Uses… | ||
| Web 3, Open Sesame | Tony Chan | 17m |
Claims that Web3 gives real, measurable power to creators: a music example Audius runs on user-hosted nodes, uses an audio currency to pay third‑party devs… | ||
| Dynamic duos: How design pairing helps Zendesk make better products | Beau Lidden, Emma Wilkinson, Rachael Mullins | 25m |
Claim: regular two‑person co‑design sessions using Zoom + screen share and Figma (slides in the Figma community file) replace long reviews by producing… | ||
| A Tour of the C++ Engine which Powers That Design MMO Called Figma | Joey Liaw | 20m |
Figma’s client runs a C++ renderer and scene graph that emit WebGL commands and target WASM to hit 60 fps; an actual customer file with one million layers… | ||
| Using Figma beyond and above in design teams | Milan Maheshwari | 23m |
Swiggy builds and deploys internal Figma plugins that actually change work: Theme Switcher flips full flows between light and dark with one click; Text… | ||
| What I did as an in-house designer to work smoothly with non-designers | Asami Kihara | 22m |
Claims that in-house UX teams in Japan actually do their own research and usability testing and that early file sharing cuts rework; built a design system for… | ||
| UX in China: More Is More, Super Apps, and Community | Yuan Qing Lim | 21m |
China is far ahead on mobile payments and e-commerce: >1 billion internet users and >90% access via mobile, QR codes and integrated payments are routine… | ||
| Can it be delightful to design a table? | Diego González | 22m |
A reusable Figma table component and process that standardizes cells as atoms, builds variants and auto‑layout frames, and uses plugins like Google Sheets sync… | ||
| Always Beta: Memetic Branding in the Digital Age | Charl Laubscher | 27m |
Argues that extending Atomic Design systems up from components to whole brands creates flexible, testable identity platforms rather than rigid guides; combines… | ||
| Figma Hacks and Workflow Enhancements with Plugins | Hiroki Tani | 22m |
Describes two Figma plugins: a contrast-grid plugin that imports fills and builds matrices to find color pairs meeting 4.5:1 contrast, and a typography-style… | ||
| UX Writers Need Design Systems, Too! | Pinda Phisitbutra | 18m |
A team stops the chaos and builds a copy system in Figma that makes each string a component, nests copy instances inside visual components, and uses atomic… | ||
| Consistency considered harmful | Mark Parnell | 21m |
Argues that strict consistency can worsen outcomes, showing concrete cases: Google Workspace icons become indistinguishable, a JiraOps incident timeline… | ||
| How to create Figma design loved by developers | Kazuya Seki | 23m |
Advice for tonight: make Figma files that map to code — structure layers to mirror HTML/CSS (avoid multi-line text as invisible separate tags), use auto layout… | ||
| What and Why, How to Leverage Data Science and Research | Christa S, Clancy S | 24m |
Shows that rewiring one UI control — making the publish button direct on the community browsing surface — uncovers the top-of-funnel dropoff and materially… | ||
| One design system for multiple brands | Ryo Fukushima | 20m |
GMO Pepabo consolidates eight brands with a single foundational design system called Inhouse, driven by design tokens defined in YAML with meaning-first keys… | ||
| Designing for modularity – from art direction, to site design, to back-end | Sam Bathe | 15m |
A behind‑the‑scenes account of turning a 7,000‑word report into an interactive and PDF experience powered by one back end; the team builds a modular system in… | ||
| Creating Interactive & Engaging Virtual Events with Figma | Annabelle G., Victoria S. | 25m |
Uses Figma as the event venue: a welcome lobby with lo‑fi music, avatar customization via variants, a name‑card drop and a bar space with polls and bingo… | ||
| How we rebuilt our office lab in FigJam for fun and creative digital workshops | Marcel Tobien, Niclas Bauermeister | 21m |
A full office lab gets reconstructed inside FigJam as a reusable LabKit components system with variants (cups with logos, movable pallets, lamp states)… | ||
| Build an AI-Powered spell check for design system with Figma & TensorFlow | JooHyung P | 17m |
An open source Figma-ML plugin uses TensorFlowJS to detect UI elements in-browser and then compare detections to Figma library metadata, flagging misaligned or… | ||
| Designing for healthcare in India: Simple | Daniel Burka, Mahima Chandak | 21m |
Claims precise outcomes: a design sprint and Figma prototype lead to a production app called Simple that uses a 20‑second KPI (goal) and delivers a 14 seconds… | ||
| Creating Better Learning Experience with Figma | Alejandra Ruth D. Camua | 21m |
Figma and FigJam become the actual authoring and collaboration tools for course work so students build problem maps, knowledge boards and a full presentation… | ||
| Designing for Smart Homes - When Internet Fails | Bilgi Karan | 18m |
IKEA Homesmart builds and tests real hardware and UX: a wireless dimmer (2016) with accelerometer that works without internet, an app onboarding that becomes… | ||
| Designing Auto Layout V4 | Joel Miller, Oscar Nilsson | 21m |
Auto Layout V4 claims to make layout understandable and usable by showing actual behavior not abstractions: layer ordering maps one to one with the canvas… | ||
| Grow a Design team in a Non-Design-Driven Environment | Boryana Pesheva, Tsvetelina Lazarova | 19m |
A concrete playbook emerges: a tailored discovery canvas plus stakeholder and user interviews, early engineering checks, prototypes and measurable success… | ||
| Demystifying plugin development | Gavin McFarland | 19m |
Creates a plugin called thumb quote that fetches a random quote via a UI window, posts it to the code sandbox, loads fonts asynchronously, builds a frame plus… | ||
| Multi-platform design system at Booking.com | Nicole Saidy, Oleksii Drozdenko | 25m |
Booking.com runs one design system for 200+ teams across six platforms, with 65 components and ~2,000 variants, and designers perform 50,000 inserts per week… | ||
| Designing for the African Market | Derrick Tsorme | 24m |
Concrete tactics and outcomes: build for cash-heavy buying with offline-first flows and local payment integrations (Flutterwave, Paystack), support multiple… | ||
| Building a Design System using Figma & Sanity Headless CMS | Apostolos, Lexa, Stuart | 18m |
PUMA and Formidable build a Unified Design System that starts from three people and grows to five, aiming to replace 20 regional teams’ fragmented e‑commerce… | ||
| Create with conscience: healthier tech for a digitally distracted world | Bethany S. | 25m |
Explains concrete mechanisms and remedies: variable rewards and autoplay drive dopamine and engagement, YouTube recommendations influence 81% of users… | ||
| Content Design & Product Design an essential duo for product excellence | Romain S. | 17m |
Mirakl claims a move from delivery-centric to product organization and rebuilds a new design system that includes templates, a responsibility matrix, and… | ||
| Working with UX Writers in Figma | Andrew Schmidt, Chris Baty, Ryan Reid, Sylvie Kim | 21m |
Gives five concrete relationship rules and five concrete Figma practices, not platitudes: give writers edit access, bring writers in early, pick a synchronous… | ||
| DesignOps: The API of design teams | Inayaili de León | 19m |
DesignOps at GitHub frames concrete work: a runnable design onboarding projects workflow built in GitHub Projects that new hires use during week one and month… | ||
| Interactive Insights : Using Figma for UX research | Azalea I., Kate S., YiYi L. | 20m |
Stripe researchers show concrete workflows: they use FigJam boards to map user journeys, run participatory design with payment links artifacts and thumbs… | ||
| Co-op Design at REI with the Figma-Only Brand Hub | Andrew M, Ian P, Julia O | 23m |
REI turns a 300+ page PDF into a working, interactive Figma brand hub using components and variants, built in weeks with no engineering handoff. The hub serves… | ||
| Design Week: Drop Everything and Prioritize the Experience | Megan Man | 18m |
Squarespace runs a week where every product team stops planned work to elevate end-to-end experience using a two-hour bug bash that surfaces over 1,000 tickets… | ||
| nothing matches | ||