Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 19 days 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 (over 5 years ago)
- Default Branch: main
- Last Pushed: 2024-04-17T08:42:17.000Z (7 months ago)
- Last Synced: 2024-10-23T14:04:05.284Z (28 days ago)
- Topics: alignment, figma, figma-measure, figma-plugins
- Language: TypeScript
- Size: 7.09 MB
- Stars: 72
- Watchers: 5
- Forks: 9
- 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 [email protected]: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