About Figma
A collaborative design and prototyping platform. Fits design SaaS, design-collab tools, dev-handoff platforms, and design-system landing page designs.
Design tokens
20 colors · 12 type stylesPure black (#000000) primary on a pure white (#ffffff) canvas, set in figmaSans throughout. These values are read from the Figma free DESIGN.md, which carries all 20 color tokens, 12 type styles, the radius and spacing scales and the full component rules.
Three ways to ship a Figma-style UI.
Use in your AI builder, no-code tool, or CMS
Lovablev0BoltFramerWebflowWordPressWixSquarespace
CanvaGoDaddy
Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.
Claude
CursorGeminiChatGPTVS Code
GitHub
Not affiliated with Figma. All trademarks belong to their respective owners.
Related designs
Tokens landing page design
TokensDesign & Creative
Cosmos landing page design
CosmosDesign & Creative
Specify landing page design
SpecifyDesign & Creative
Dimension landing page design
DimensionDesign & Creative
Whimsical landing page design
WhimsicalDesign & Creative
Scenery landing page design
SceneryDesign & Creative