63:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/0s1u33mr-mcgt.js","/creators-assets/_next/static/immutable/chunks/3n-84kg2cv-kk.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1tks4stn0rhd2.js","/creators-assets/_next/static/immutable/chunks/3wibvr2rv8b02.js","/creators-assets/_next/static/immutable/chunks/3i2xzlvy6l_e6.js","/creators-assets/_next/static/immutable/chunks/0ssu7t_j8jl1i.js","/creators-assets/_next/static/immutable/chunks/0h4bpdjiu20m1.js","/creators-assets/_next/static/immutable/chunks/3kdp38xspo624.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/2sy08qrc_3y80.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/43086d68m86ee.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/1gvonxkx57c1x.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2shnfjbiykeds.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/3neo3kybqnjpc.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/1xzntyuuknw6z.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2m-zjjbxmagmn.js","/creators-assets/_next/static/immutable/chunks/1pih5-tmb9v-o.js","/creators-assets/_next/static/immutable/chunks/2schrvc7zmj3_.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0qidl8fzyhhwz.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2lfji3877_8gq.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js"],"S"] 64:Ta36,

Global spacing & radius variables for Framer

Framer already has global styles for colour and type. But spacing and radius are still numbers to type into each layer. So when I want to change the padding, I have to hunt it down manually on every page, at every breakpoint.

That's why I built Caliper to make it easier. Caliper turns spacing and radius into project-wide variables that can be edited in one place, and keeps them bound to the layers.

How it works

Bind variables from the layer. Select a layer, simply click and pick a variable, done.
The binding lives in the layer's metadata. Rename, move or duplicate the layer, the binding still stays.
Turn on auto-sync in Settings and Caliper keeps the current page up to date as you work.

One variable, across every breakpoint

Bind on any breakpoint and the matching layers on other breakpoints come with it.
Define only the few breakpoints that matter. Leave others empty and they will take the value from the nearest defined one towards your primary.
Custom breakpoints are covered too.

Presets

Save the bindings you reuse as a preset, and apply it to another layer in one click.

Already have a project full of numbers?

Open the Coverage panel, Caliper scans the page and groups values that repeat. One click binds a whole group to the same variable. Or type in a name to create a new variable from it.

Other features

Export your library as JSON to carry them to another project or hand to a colleague.
No account needed. Caliper doesn't collect or upload your project data.

Worth knowing

Not the same as Framer's Variables. Framer's variables reach inside a single component or CMS item. Caliper's variables are global, they reach layers on every page of your site, at every breakpoint.
Sync site is a manual step. Framer only lets a plugin see one page at a time, so Sync site steps through your site's pages and lands back where you started. Components and page templates are not included currently.

62:["$","$L63",null,{"value":{"fallback":{"$inf$activity-creator-2dd38873-5d46-478b-b4b3-060fd56617f6-all:/unified/creator/2dd38873-5d46-478b-b4b3-060fd56617f6/activity/":[{"data":[{"id":"01a0c90d-9052-71c2-96d6-b580d2d2d9b7","type":"plugin.created","target":{"type":"plugin","id":"1638","preview":"Caliper","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/01a0c906-0c39-7288-a7d0-b889b9de5fb9.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2dd38873-5d46-478b-b4b3-060fd56617f6","name":"Elliot Zhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/a5r6m4c1","slug":"byelliotzhang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-09-22T12:18:24.466Z","latestAt":"2026-09-22T12:18:24.466Z"},{"id":"01a00693-e043-718c-9179-e822075e0a39","type":"plugin.liked","target":{"type":"plugin","id":"446","preview":"MCP","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/446-nlBg8NyAtIRHaRABqP6o52L6w3IXfJ","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2dd38873-5d46-478b-b4b3-060fd56617f6","name":"Elliot Zhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/a5r6m4c1","slug":"byelliotzhang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-15T17:59:09.630Z","latestAt":"2026-08-15T17:59:09.630Z"},{"id":"019fe4cb-21b8-7407-9238-0f53dbe21867","type":"creator.followed","target":{"type":"creator","id":"6cccbf4b-e22a-4b60-813a-db3c3a57af0e","preview":"XieZiwei","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/522883/avatar-GQZzh97VMYgTmST94ujBONAdEd9I84.jpg","slug":"xie-ziwei","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2dd38873-5d46-478b-b4b3-060fd56617f6","name":"Elliot Zhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/a5r6m4c1","slug":"byelliotzhang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-09T04:32:25.522Z","latestAt":"2026-08-09T04:32:25.522Z"},{"id":"019fd5ca-252b-7420-8bef-b068e8923233","type":"creator.followed","target":{"type":"creator","id":"2b33eac4-4422-4c15-ba75-80a068fa9086","preview":"Denis Turbin","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2b33eac4-4422-4c15-ba75-80a068fa9086/gogz3777","slug":"denis-turbin","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2dd38873-5d46-478b-b4b3-060fd56617f6","name":"Elliot Zhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/a5r6m4c1","slug":"byelliotzhang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T06:37:02.630Z","latestAt":"2026-08-06T06:37:02.630Z"},{"id":"019fc222-a4d9-7159-a3e3-1eb7f9ffad1a","type":"plugin.liked","target":{"type":"plugin","id":"983","preview":"TokenIt","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/983-H7i3yVcuK4GHhu1iw5HMqNPIBKjw3K","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2dd38873-5d46-478b-b4b3-060fd56617f6","name":"Elliot Zhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/a5r6m4c1","slug":"byelliotzhang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-02T11:01:18.164Z","latestAt":"2026-08-02T11:01:18.164Z"},{"id":"019f413c-9704-706e-a60a-9ff68c2048c7","type":"plugin.liked","target":{"type":"plugin","id":"914","preview":"Spacely","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/914-sNF6DFVtrrZXaf0yA64OoETcSFhELO","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2dd38873-5d46-478b-b4b3-060fd56617f6","name":"Elliot Zhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/a5r6m4c1","slug":"byelliotzhang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-07-08T10:18:37.695Z","latestAt":"2026-07-08T10:18:37.695Z"},{"id":"019ee8eb-452c-7345-a383-853c5e0f0f22","type":"creator.followed","target":{"type":"creator","id":"827a339e-2d46-41b2-9f77-3f05c29de5a9","preview":"Nandi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29583/avatar-UPfop9vtI2KgN6WreJoFN7Ytns0o9Q.jpg","slug":"framer-university","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2dd38873-5d46-478b-b4b3-060fd56617f6","name":"Elliot Zhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/a5r6m4c1","slug":"byelliotzhang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-21T06:43:13.319Z","latestAt":"2026-06-21T06:43:13.319Z"},{"id":"019ee8eb-25a6-73bf-be31-e26464e571e2","type":"creator.followed","target":{"type":"creator","id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","preview":"Framer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107446/xpZr8yYS_400x400-2-MqZMjb2zlessnXickTqkyAzkfqz6le.jpg","slug":"framer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2dd38873-5d46-478b-b4b3-060fd56617f6","name":"Elliot Zhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/a5r6m4c1","slug":"byelliotzhang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-21T06:43:05.248Z","latestAt":"2026-06-21T06:43:05.248Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:2dd38873-5d46-478b-b4b3-060fd56617f6:/unified/posts/?creator=2dd38873-5d46-478b-b4b3-060fd56617f6&with=reposts":[{"data":[{"id":"01a0c90d-8e29-73db-aa96-9eef8f6d8d82","title":null,"body":"

Ever changed one padding value and had to update it on every page all by hand? I built a plugin to save you some time.

Framer has global styles for colour and type, but not for spacing and radius. This plugin adds the missing half: project-wide spacing and radius variables that stay bound to your layers, across every page and breakpoint.

Free for everyone, no account needed.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Ever changed one padding value and had to update it on every page all by hand?","marks":[{"type":"bold"}]},{"type":"text","text":" I built a plugin to save you some time."}]},{"type":"paragraph","content":[{"type":"text","text":"Framer has global styles for colour and type, but not for spacing and radius. This plugin adds the missing half: project-wide spacing and radius variables that stay bound to your layers, across every page and breakpoint. "}]},{"type":"paragraph","content":[{"type":"text","text":"Free for everyone, no account needed."}]}]},"author":{"framerUserId":"2dd38873-5d46-478b-b4b3-060fd56617f6","name":"Elliot Zhang","slug":"byelliotzhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/a5r6m4c1","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1638","resolved":true,"title":"Caliper","body":"$64","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Global spacing & radius variables for Framer","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Framer already has global styles for colour and type. But spacing and radius are still numbers to type into each layer. So when I want to change the padding, I have to hunt it down manually on every page, at every breakpoint."}]},{"type":"paragraph","content":[{"type":"text","text":"That's why I built Caliper to make it easier. Caliper turns spacing and radius into project-wide variables that can be edited in one place, and keeps them bound to the layers."}]},{"type":"customHeading","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bind variables from the layer.","marks":[{"type":"bold"}]},{"type":"text","text":" Select a layer, simply click and pick a variable, done."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The binding lives in the layer's metadata. ","marks":[{"type":"bold"}]},{"type":"text","text":"Rename, move or duplicate the layer, the binding still stays."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn on auto-sync in Settings","marks":[{"type":"bold"}]},{"type":"text","text":" and Caliper keeps the current page up to date as you work."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"One variable, across every breakpoint","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bind on any breakpoint","marks":[{"type":"bold"}]},{"type":"text","text":" and the matching layers on other breakpoints come with it."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Define only the few breakpoints that matter.","marks":[{"type":"bold"}]},{"type":"text","text":" Leave others empty and they will take the value from the nearest defined one towards your primary."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom breakpoints are covered too.","marks":[{"type":"bold"}]}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Presets","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Save the bindings you reuse as a preset, ","marks":[{"type":"bold"}]},{"type":"text","text":"and apply it to another layer in one click."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Already have a project full of numbers?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open the Coverage panel,","marks":[{"type":"bold"}]},{"type":"text","text":" Caliper scans the page and groups values that repeat. One click binds a whole group to the same variable. Or type in a name to create a new variable from it."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Other features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Export your library as JSON","marks":[{"type":"bold"}]},{"type":"text","text":" to carry them to another project or hand to a colleague."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No account needed.","marks":[{"type":"bold"}]},{"type":"text","text":" Caliper doesn't collect or upload your project data."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Worth knowing","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Not the same as Framer's Variables.","marks":[{"type":"bold"}]},{"type":"text","text":" Framer's variables reach inside a single component or CMS item. Caliper's variables are global, they reach layers on every page of your site, at every breakpoint."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sync site is a manual step.","marks":[{"type":"bold"}]},{"type":"text","text":" Framer only lets a plugin see one page at a time, so Sync site steps through your site's pages and lands back where you started. Components and page templates are not included currently."}]}]}]}]},"introduction":"Global spacing & radius variables","slug":"caliper","author":{"framerUserId":"2dd38873-5d46-478b-b4b3-060fd56617f6","name":"Elliot Zhang","slug":"byelliotzhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/a5r6m4c1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/01a0c906-0c39-7288-a7d0-b889b9de5fb9.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/01a0c906-0c1c-70c9-85d5-0d6cbca0f41b.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/01a0c906-0c8c-726d-81dc-ca6a599205a4.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/01a0c81f-8544-7354-8254-660aeb0cb301.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2dd38873-5d46-478b-b4b3-060fd56617f6/01a0c81e-97c3-703b-917c-b705d2057038.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-09-22T12:18:23.306Z","updatedAt":"2026-09-23T12:54:59.738Z","publishedAt":"2026-09-23T12:54:59.728Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"1g112eqndt9du8zfsj00ncw1f","paid":false,"categories":[{"id":"3fc802d9-7527-48e0-9403-c9bd534ab520","name":"Utilities","slug":"utilities"},{"id":"b238ea64-0ce9-413a-848d-43b73f0eea0f","name":"Styles","slug":"styles"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-22T12:18:23.913Z","updatedAt":"2026-09-22T12:18:23.913Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L65"}]