---
title: "Spacely — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Kuartz Studio · Utilities. Spacely fills that gap."
canonical: "https://framer.elliotli.dev/plugin/spacely"
---

[Home](/)/[Plugins](/plugins)/[Utilities](/plugins/category/utilities)/Spacely

# Spacely

Spacing variables

[View on Framer](https://framer.com/marketplace/plugins/spacely/?via=elliot-li)

![Spacely preview image 1](https://framer.elliotli.dev/og/plugin/spacely/fc8d1be29e7e2348/1600x1200.jpg)

## Summary

Spacely fills that gap.

## Description

### Overview

Framer lets you create variables for colors and typography — but not for spacing. Spacely fills that gap. Define reusable spacing values for Gap, Padding, or both, set different values per breakpoint, and apply them across your entire project in seconds. Whether you manage one site or twenty, your spacing stays consistent and scalable.

### Responsive Spacing Variables

Create dedicated variables that adapt across Desktop, Tablet, and Mobile — all within a single token. No more manually adjusting spacing on every breakpoint. Define once, apply everywhere, and watch your layout respond fluidly across all screen sizes.

### Bulk Apply by Layer Name

Target every layer sharing the same name and apply your spacing variable to all of them at once. Name your layers consistently and Spacely injects the right values on every breakpoint in one click. The bigger the project, the more time you save.

### Portable & Organized

Organize variables into folders that feel native to Framer, and export your entire setup as a JSON file. Import it into any new project to start with your proven spacing system instead of rebuilding from scratch. Perfect for agencies maintaining consistency across client sites.

_Bring design-system-level spacing control to Framer — without writing a single line of code._

## Rank history [How rankings work →](/terms#rankings)

-   All · #369

## Details

- **Author**: Kuartz Studio
- **Published**: 2026-03-20
- **Updated**: 2026-07-18
- **Added**: 2026-03-18
- **Categories**: Utilities

## More across types

-   [Ticker Marquee](/component/ticker-marquee) — Ahmet Loca · $6 — Ticker Marquee TickerMarquee is a premium animated marquee component for Framer featuring two diagonally intersecting, infinite-scroll text…
-   [Segmented Loader](/component/segmented-loader) — Azardam Studio · Free — Segmented circular loader for modern UI
-   [Attention Tab](/component/attention-tab) — Benjamin Michael Bremer · $2 — an utilities template

## More like this

-   [Framer Form Kit](/plugin/framer-form-kit) — FramerHub.io · Free — Framer Form Kit
-   [Asset Vault](/plugin/framerhub-vault) — FramerHub.io · Free — Asset Vault helps you keep reusable Framer assets in one place.
-   [FramerSend Fields](/plugin/framersend-fields) — Dong P. TRINH · Free — 60+ fields for native Framer forms
-   [Incognito Detect](/plugin/incognito-detect) — Samuel Silva · Free — Incognito Window Detect