https://github.com/ph1p/figma-measure
A plugin to add measurement lines
https://github.com/ph1p/figma-measure
alignment figma figma-measure figma-plugins
Last synced: 8 months ago
JSON representation
A plugin to add measurement lines
- Host: GitHub
- URL: https://github.com/ph1p/figma-measure
- Owner: ph1p
- License: mit
- Created: 2019-08-04T22:53:43.000Z (almost 7 years ago)
- Default Branch: main
- Last Pushed: 2025-02-19T12:47:56.000Z (over 1 year ago)
- Last Synced: 2025-07-06T09:02:27.435Z (12 months ago)
- Topics: alignment, figma, figma-measure, figma-plugins
- Language: TypeScript
- Size: 7.19 MB
- Stars: 77
- Watchers: 4
- Forks: 10
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Figma Measure
A plugin to add measurement lines to figma.
You can find it here: https://www.figma.com/community/plugin/739918456607459153/Measure
### Preview
You can find some videos inside the `./docs` folder.
### How to use?
- Open Figma
- Go to **Plugins**
- Click on **Browse all plugins**.
- Search for **Measure** and click install
- Ready!
You can now find this plugin in the **Plugins** section by right-clicking on your project.
Clicking **Measure** opens a window.
Now you can select one or more elements and click on the different alignments to add lines, tooltips, fills etc.
Feel free to open a feature request: https://github.com/ph1p/figma-measure/issues
### Development
```bash
git clone git@github.com:ph1p/figma-measure.git
cd figma-measure
npm install
```
```bash
npm run build
```
or
```bash
npm run dev
```
- Open figma
- Go to **Plugins**
- Click the "+" next to **Development**
- Choose the manifest.json inside `figma-measure/Figma-Measure`
- Ready to develop