# Figma, Pricing

SaaS · Pricing · Custom code · San Francisco, USA
Live page: https://www.figma.com/pricing
On Designly: https://designly.sh/s/figma/pricing · JSON: https://designly.sh/s/figma/pricing?format=json
Site: [Figma](https://designly.sh/s/figma?format=md) (https://www.figma.com)
Styles: type-led, minimal, geometric, light

## Why it works

Large figmaSans headlines on a white background establish a clear hierarchy for plan selection. Soft green accents and pale lime surfaces highlight the toggle for monthly or annual billing, while 80px rounded corners on the pricing cards and buttons provide a friendly, approachable feel.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/figma/pricing#section-1) (y 0–78px of 9153) · image: https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/sections/0.webp · id sec_f4b5f76fb88e43838a034765a2e3ef29
2. [Content: "Content"](https://designly.sh/s/figma/pricing#section-2) (y 78–199px of 9153) · image: https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/sections/1.webp · id sec_0b10da96533d4c0fbdc19a891afc78c3
3. [Logos: "Logos"](https://designly.sh/s/figma/pricing#section-3) (y 419–501px of 9153) · image: https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/sections/2.webp · id sec_b46c2dcd20dc4a18997d3cba00fd6ab8
4. [Pricing table: "Starter"](https://designly.sh/s/figma/pricing#section-4) (y 541–1532px of 9153) · image: https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/sections/3.webp · id sec_c94c72cfadfd4207914779e078226c5f
5. [Content: "Add-ons"](https://designly.sh/s/figma/pricing#section-5) (y 1652–2302px of 9153) · image: https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/sections/4.webp · id sec_e17ad9acfdd64834affb95aa481b0cd4
6. [Features: "Compare all features"](https://designly.sh/s/figma/pricing#section-6) (y 2382–2661px of 9153) · image: https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/sections/5.webp · id sec_ce9ae365af2640e5aea8e15cc6b16048
7. [Logos: "Logos"](https://designly.sh/s/figma/pricing#section-7) (y 2662–2978px of 9153) · image: https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/sections/6.webp · id sec_e4f363a059d747e1a1be339e0662b052
8. [Logos: "Logos"](https://designly.sh/s/figma/pricing#section-8) (y 2978–3098px of 9153) · image: https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/sections/7.webp · id sec_2dc0f9569fd045099ca926b02d7cbc42
9. [Content: "Content"](https://designly.sh/s/figma/pricing#section-9) (y 3098–3637px of 9153) · image: https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/sections/8.webp · id sec_1e7fed2e203e46cb9fd6011bfc2642f4
10. [Content: "Content"](https://designly.sh/s/figma/pricing#section-10) (y 3637–4452px of 9153) · image: https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/sections/9.webp · id sec_294ec697f97a4f018b371fc0ceb1e3f6
11. [FAQ: "Pricing FAQs"](https://designly.sh/s/figma/pricing#section-11) (y 4532–7766px of 9153) · image: https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/sections/10.webp · id sec_b36ff9a3a7734850858c7e5b52547305
12. [Logos: "Trusted by teams at"](https://designly.sh/s/figma/pricing#section-12) (y 7766–7929px of 9153) · image: https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/sections/11.webp · id sec_cee6c353322140f489a0bcff506eada5
13. [Footer: "Footer"](https://designly.sh/s/figma/pricing#section-13) (y 7929–9153px of 9153) · image: https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/sections/12.webp · id sec_65359ab2f7fe4314bb898b800e577774

## Design tokens

- Colours: #FFFFFF (background), #000000 (text), #67FF7F (accent), #697485 (muted), #F3FFE3 (surface)
- Fonts: figmaSans (display)
- Corner radius: 80px
- Spacing: 120px
- Export: https://designly.sh/s/figma/pricing?format=tokens.css · https://designly.sh/s/figma/pricing?format=tokens.json · https://designly.sh/s/figma/pricing?format=tokens.tailwind.css

## Images

- Desktop (1440×9153): https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_a9c544c41560429d8d710ba30aad1a96/mobile.webp
- Captured: 2026-10-24

## Other Pages of Figma

- [Home](https://designly.sh/s/figma?format=md) — /
- [Blog](https://designly.sh/s/figma/blog?format=md) — /blog
- [Careers](https://designly.sh/s/figma/careers?format=md) — /careers

## Related

- [Notion, Pricing](https://designly.sh/s/notion/pricing?format=md) — SaaS · Pricing · Custom code · San Francisco, USA · styles: type-led, minimal, corporate, light · image: https://designly.sh/media/captures/cap_b7567152ef324c7e814cfe1dc4904ac4/desktop.webp
- [Linear, Pricing](https://designly.sh/s/linear/pricing?format=md) — SaaS · Pricing · Custom code · San Francisco, USA · styles: dark, type-led, corporate, minimal · image: https://designly.sh/media/captures/cap_8267cf895ce5439b841d1320ab0e36ac/desktop.webp
- [Stripe, Pricing](https://designly.sh/s/stripe/pricing?format=md) — Fintech · Pricing · Custom code · South San Francisco, USA · styles: minimal, corporate, type-led, light, calm · image: https://designly.sh/media/captures/cap_99d082f6d6f94f6fbfe8581ffcddbcff/desktop.webp
- [Cursor, Pricing](https://designly.sh/s/cursor/pricing?format=md) — AI products · Pricing · Custom code · San Francisco, USA · styles: type-led, minimal, light, geometric · image: https://designly.sh/media/captures/cap_ea0a04f1273a42c7bc0fc319c2a0b07e/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.