Figma Simple Design System

Spec sheet

Purpose

Simple Design System is a base design system showing how Figma Variables, Styles, Components, and Code Connect can work alongside a React codebase.Read 7 Oct 2026 · github.com

License

The repository is marked as MIT licensed.Read 7 Oct 2026 · github.com

Maker

Figma's company background document states that Figma was founded in 2012 and is headquartered in San Francisco.Read 7 Oct 2026 · static.figma.com

Additional scopes

Some example integrations may need extra API scopes that an organization may not have access to.Read 7 Oct 2026 · github.com

Authentication requirement

Using Code Connect requires a Figma API token with the file_code_connect_scope:write scope.Read 7 Oct 2026 · github.com

Code Connect

SDS includes Code Connect examples for both primitive components and compositions of those primitives.Read 7 Oct 2026 · github.com

Components

The codebase includes compositions, hooks, icons, layout components, primitives, providers, and utilities.Read 7 Oct 2026 · github.com

Customizability

SDS aims to reflect its implications in code while allowing design customization beyond a simple theming layer.Read 7 Oct 2026 · github.com

Design and code

SDS aims to bridge gaps between design and development while allowing design customizability beyond a simple theming layer.Read 7 Oct 2026 · github.com

Developer tools

The README provides commands to run the app and Storybook locally after installing dependencies with npm.Read 7 Oct 2026 · github.com

Figma API

The provided scripts can retrieve icons, variables, and styles from Figma and generate code assets.Read 7 Oct 2026 · github.com

Figma API access

Code Connect requires a Figma API token with the file_code_connect_scope:write scope; optional scripts may require additional scopes.Read 7 Oct 2026 · github.com

Intended use

The project offers tools for starting a new project or exploring common design system practices.Read 7 Oct 2026 · github.com

Maker location

Figma's GitHub organization profile lists San Francisco, California.Read 7 Oct 2026 · github.com

Plan limitation

The README says reading and writing file variables through the listed API scopes is Enterprise plan only.Read 7 Oct 2026 · github.com

Project status

The README identifies Simple Design System as alpha.Read 7 Oct 2026 · github.com

React components

The codebase includes React primitives, layouts, hooks, providers, utilities, and example compositions.Read 7 Oct 2026 · github.com

Responsive design

The project demonstrates a responsive web design system spanning design and code.Read 7 Oct 2026 · github.com

Storybook

The repository provides Storybook stories and links to a published Storybook.Read 7 Oct 2026 · github.com

Where Specifiction places it

• UI Kit Libraries#23 of 267.1