https://github.com/gridaco/ui-labeller
label your image dataset on figma for realtime collaboration and data centralization
https://github.com/gridaco/ui-labeller
Last synced: 9 months ago
JSON representation
label your image dataset on figma for realtime collaboration and data centralization
- Host: GitHub
- URL: https://github.com/gridaco/ui-labeller
- Owner: gridaco
- License: mit
- Created: 2020-09-30T09:30:00.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2020-11-05T07:00:34.000Z (over 5 years ago)
- Last Synced: 2025-10-06T12:38:41.034Z (9 months ago)
- Language: JavaScript
- Size: 424 KB
- Stars: 20
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ui-labeller (plugin for figma / sketch)
label your image dataset on figma for realtime collaboration and data centralization
> there is powerful tool called figma. why use other tools just for data labelling?
## Installation
figma - read [this guide](./figma/README.md)
## Design
openned design file for ui-labeller available at [figma](https://www.figma.com/file/U0gKxMTiLgk6uB08qeTzoa/ui-labeller-plugin?node-id=0%3A1)
## Features
- Load you data from S3 / GCP
- Organize workspace (Makes Artboards for your loaded images, and make them as a user-friendly grid)
- Make your own labelling preferences
- Box / Ellipse / Custom shape labellings are supported
- Multi tag in single label is supported
## Example
## Why to use Bridged's Labeller instead of other labelling tools?
- It's Live - Best collaboration experience.
- It's Visual - You can see your work in one place. (You don't get lost. You know where you are.)
- It's easy to edit your labels preferense.
- It's easy to share
- use built-in UI building experience
- margin checking
- moving in pixel-level
- checking grid
- It's all Open and Free
- Add comments right above your design.
- It just makes sense when your data is ui design.
## How to use
*Example usage - [here](https://www.figma.com/file/01QCgPwNc7DLqmgNvVgJaF/?node-id=37%3A0)*
1. Make @labels page and make your labels as Components.
2. Make any page to load your dataset.
3. Load your data via providing S3 credentials, and wait for it to sync.
4. Label it via the plugin interface!
5. Download or sync the labelled data set.
6. Make awesome models.
## Contribution
[contributing guideline](https://github.com/bridgedxyz/contributing-and-license)