Stylepack

Font

Font yang dipakai figma.com

figma.com memakai figmaSans untuk judul dan teks isinya. figmaSans adalah font berlisensi yang disajikan situs itu sendiri. Padanan gratis terdekat di Google Fonts: Inter.

Diukur dari figma.com 4 hari yang lalu.

Buka paket desain lengkapUnduh paket

Font family

2 font family
figmaSans
Dipakai untuk
h1, h2, h3, body, button, label
Sumber
Dihosting sendiri
Alternatif gratis
Inter
figmaMono
Dipakai untuk
label
Sumber
Dihosting sendiri
Alternatif gratis
Inter

CSS untuk menirunya

Variabel font dengan pengganti gratis di dalam stack, jadi CSS yang sama tetap bekerja dengan atau tanpa font berlisensinya.

:root {
  --font-heading: "figmaSans", "Inter", sans-serif; /* Inter stands in for figmaSans */
  --font-body: "figmaSans", "Inter", sans-serif; /* Inter stands in for figmaSans */
  --font-size-base: 30px;
}

Cara teksnya ditata

headline-displayQuick brown foxfigmaSans / 56px / 400 / lh 56px / -1.25px
headline-lgQuick brown foxfigmaSans / 44px / 400 / lh 48.4px / -0.66px
headline-mdQuick brown foxfigmaSans / 16px / 400 / lh 22.4px
body-mdThe quick brown fox jumps over the lazy dogfigmaSans / 30px / 400 / lh 36px / -0.66px
label-mdThe quick brown fox jumps over the lazy dogfigmaSans / 16px / 400 / lh 22.4px
buttonThe quick brown fox jumps over the lazy dogfigmaSans / 16px / 400 / lh 23.2px
Ukuran font yang dipakai
12141618304456

Untuk agen AI

Paket berupa teks biasa, tanpa kunci: ambil DESIGN.md, atau serahkan seluruh paket ke Claude Code, Cursor, atau Copilot lewat server MCP.

curl -s https://stylepack.ai/packs/figma.com/DESIGN.md

Pertanyaan

Font apa yang dipakai figma.com?

figma.com memakai figmaSans, figmaMono. Judul ditata dengan figmaSans dan teks isi dengan figmaSans, diukur dari situs saat dirender, bukan dibaca dari stylesheet-nya.

Apakah font figma.com gratis dipakai?

Tidak. figmaSans adalah font berlisensi yang disajikan figma.com sendiri. Padanan gratis terdekatnya adalah Inter, tersedia di Google Fonts. CSS di halaman ini menaruhnya di font stack sebagai pengganti.

Bagaimana cara mendapatkan tipografi yang sama seperti figma.com di proyek saya?

Unduh paket desain figma.com dari Stylepack: isinya font stack, skala tipografi, setiap gaya teks, dan screenshot, dalam bentuk yang bisa dijadikan acuan AI coding agent seperti Claude Code atau Cursor.