# Figma's 100x Approach to Scaling Its Collaborative Experience

DevFeed: [Figma's 100x Approach to Scaling Its Collaborative Experience](<https://devfeed.tech/articles/figma-s-100x-approach-to-scaling-its-collaborative-experience-17966.md>)

Original publisher: [Read original article](<https://newsletter.betterstack.com/p/figmas-100x-approach-to-scaling-its>)

Author: Richard Oliver Bray

Published: 2024-09-11T13:03:05Z

Content type: article

Language: en

Sources: [Hacking Scale by Better Stack](<https://devfeed.tech/sources/hacking-scale-by-better-stack.md>)

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [Scalability](<https://devfeed.tech/topics/scalability.md>), [Databases](<https://devfeed.tech/topics/databases.md>), [GraphQL](<https://devfeed.tech/topics/graphql.md>), [React](<https://devfeed.tech/topics/react.md>), [Ruby](<https://devfeed.tech/topics/ruby.md>), [WebSocket](<https://devfeed.tech/topics/websocket.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [.NET 11 Preview 7](<https://devfeed.tech/topics/net-11-preview-7.md>)

Tags: [database](<https://devfeed.tech/tags/database.md>), [figma](<https://devfeed.tech/tags/figma.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [react](<https://devfeed.tech/tags/react.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [redux](<https://devfeed.tech/tags/redux.md>), [ruby](<https://devfeed.tech/tags/ruby.md>), [scalability](<https://devfeed.tech/tags/scalability.md>), [sharding](<https://devfeed.tech/tags/sharding.md>), [web](<https://devfeed.tech/tags/web.md>)

## AI overview

The article explains how Figma scaled real-time collaboration by developing LiveGraph, an in-house system inspired by GraphQL that acts as a shared data store or cache and manages database queries, updates, and client subscriptions. It also describes the scaling pressures that led to the LiveGraph 100x project.

## Source excerpt

How Figma destroyed their old setup and used the pieces to build a better one