# Figma, Blog

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

## Why it works

White figmaSans type on a black background establishes a high-contrast, editorial tone. Bright green accents on the pill-shaped buttons and soft yellow surfaces provide a sharp counterpoint to the dark theme, while large-scale headlines and a grid of content cards prioritize readability.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/figma/blog#section-1) (y 0–96px of 11952) · image: https://designly.sh/media/captures/cap_da4ff442cbaa4634b9c0747a39979c9f/sections/0.webp · id sec_50cfa0fc7f784e1a89d0543706b5e581
2. [Hero: "Hero"](https://designly.sh/s/figma/blog#section-2) (y 100–883px of 11952) · image: https://designly.sh/media/captures/cap_da4ff442cbaa4634b9c0747a39979c9f/sections/1.webp · id sec_606a0629a97b49a4a6d1a6da286dc5d7
3. [Content: "Content"](https://designly.sh/s/figma/blog#section-3) (y 907–1536px of 11952) · image: https://designly.sh/media/captures/cap_da4ff442cbaa4634b9c0747a39979c9f/sections/2.webp · id sec_1e38d90a184742959c5925a68f1d79bf
4. [Content: "All about agent"](https://designly.sh/s/figma/blog#section-4) (y 1656–2634px of 11952) · image: https://designly.sh/media/captures/cap_da4ff442cbaa4634b9c0747a39979c9f/sections/3.webp · id sec_8b080cde017e49fdbb1299d8becafe7d
5. [Content: "The future of design"](https://designly.sh/s/figma/blog#section-5) (y 2754–3593px of 11952) · image: https://designly.sh/media/captures/cap_da4ff442cbaa4634b9c0747a39979c9f/sections/4.webp · id sec_be72cb0520b64e2da04a572e1b1ee84c
6. [Team: "Meet the makers"](https://designly.sh/s/figma/blog#section-6) (y 3713–4625px of 11952) · image: https://designly.sh/media/captures/cap_da4ff442cbaa4634b9c0747a39979c9f/sections/5.webp · id sec_c5539e1076a84a0b910b0cfec03aef30
7. [Content: "AI has lowered the floor, it has not…"](https://designly.sh/s/figma/blog#section-7) (y 4745–5320px of 11952) · image: https://designly.sh/media/captures/cap_da4ff442cbaa4634b9c0747a39979c9f/sections/6.webp · id sec_5591f4c9e7634d2093944df465dfeb14
8. [Content: "Content"](https://designly.sh/s/figma/blog#section-8) (y 5440–6643px of 11952) · image: https://designly.sh/media/captures/cap_da4ff442cbaa4634b9c0747a39979c9f/sections/7.webp · id sec_e576b5afb8834ef5b5a1b3ca46e2a977
9. [Newsletter: "Newsletter"](https://designly.sh/s/figma/blog#section-9) (y 6764–7055px of 11952) · image: https://designly.sh/media/captures/cap_da4ff442cbaa4634b9c0747a39979c9f/sections/8.webp · id sec_c3bb9b76ebff4ee0a2713f8942feb8e0
10. [Content: "The latest"](https://designly.sh/s/figma/blog#section-10) (y 7175–10316px of 11952) · image: https://designly.sh/media/captures/cap_da4ff442cbaa4634b9c0747a39979c9f/sections/9.webp · id sec_da2e39ba4eb743f08600e2a2bf0dfe50
11. [Newsletter: "Subscribe to Figma’s editorial newsletter"](https://designly.sh/s/figma/blog#section-11) (y 10436–10727px of 11952) · image: https://designly.sh/media/captures/cap_da4ff442cbaa4634b9c0747a39979c9f/sections/10.webp · id sec_b12a972ef2ea428b87512732cb2f0ce3
12. [Footer: "Footer"](https://designly.sh/s/figma/blog#section-12) (y 10727–11951px of 11952) · image: https://designly.sh/media/captures/cap_da4ff442cbaa4634b9c0747a39979c9f/sections/11.webp · id sec_8dc6aad2d72c4a8ba25afe8d61835ad4

## Design tokens

- Colours: #131313 (background), #FFFFFF (text), #0FA958 (accent), #F4ED6B (surface), #000000 (surface-2)
- Fonts: figmaSans (display)
- Corner radius: 100%
- Spacing: 64px
- Export: https://designly.sh/s/figma/blog?format=tokens.css · https://designly.sh/s/figma/blog?format=tokens.json · https://designly.sh/s/figma/blog?format=tokens.tailwind.css

## Images

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

## Other Pages of Figma

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

## Related

- [Cursor, Blog](https://designly.sh/s/cursor/blog?format=md) — AI products · Blog · Custom code · San Francisco, USA · styles: type-led, minimal, editorial, geometric · image: https://designly.sh/media/captures/cap_d18f862c38844bb19254ff7cb13eb49f/desktop.webp
- [Anthropic, Blog](https://designly.sh/s/anthropic/research?format=md) — AI products · Blog · Custom code · San Francisco, USA · styles: type-led, editorial, minimal, corporate · image: https://designly.sh/media/captures/cap_f00c3f1fb4034308a91c2c8c1ab4982a/desktop.webp
- [Anthropic, Blog](https://designly.sh/s/anthropic/news?format=md) — AI products · Blog · Custom code · San Francisco, USA · styles: type-led, minimal, corporate, geometric · image: https://designly.sh/media/captures/cap_a12611992a754059a6ff53fc661aae16/desktop.webp
- [Figma, Careers](https://designly.sh/s/figma/careers?format=md) — SaaS · Careers · Custom code · San Francisco, USA · styles: type-led, airy, colourful, corporate · image: https://designly.sh/media/captures/cap_e0b8aa76d25d45edac46e5dea63eb2e7/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.