Feature-Labeler
Simplify wireframe annotations with numbered badges and descriptions
Plugin Preview
About this plugin
Create numbered badges and description frames for your wireframes with ease. Streamline your design documentation process by adding sequential numbered references to features and their explanations. Convenient for product specifications, user flow documentation, and design handoffs.Create a Number BadgeSelect the badge size (small, medium, or large)Choose a color from preset options or use the color pickerClick "Create" to add a numbered badge to your designCreate a Description FrameSelect the frame size (small, medium, or large)Click "Create" to add a description frame with a matching numberEdit Badges and DescriptionsClick on any badge or description frame to editChange numbers to reorder the sequence automaticallyFor badges, you can also update the colorOrganize DocumentationPlace badges next to UI elements you want to referenceAdd explanatory text in the description framesBadges and descriptions with the same number are linked in the sequence와이어프레임에 번호가 매겨진 뱃지와 설명 프레임을 쉽게 생성하세요. 기능과 설명에 순차적인 번호 참조를 추가하여 디자인 문서화 프로세스를 간소화합니다. 제품 사양, 사용자 플로우 문서화 및 디자인 인계에 편리하게 활용할 수 있습니다.번호 뱃지 만들기뱃지 크기 선택 (small, medium, or large)미리 설정된 색상 중에서 선택하거나 색상 선택기 사용"Create" 버튼을 클릭하여 디자인에 번호가 매겨진 뱃지 추가설명 프레임 만들기프레임 크기 선택 (small, medium, or large)"Create" 버튼을 클릭하여 일치하는 번호의 설명 프레임 추가뱃지 및 설명 편집편집하려는 뱃지나 설명 프레임을 클릭번호를 변경하면 시퀀스가 자동으로 재정렬됨뱃지의 경우 색상도 업데이트 가능문서 정리참조하려는 UI 요소 옆에 뱃지 배치설명 프레임에 설명 텍스트 추가같은 번호의 뱃지와 설명은 시퀀스에서 연결됨
Plugin Details
| Version | 5 |
|---|---|
| Created | May 12, 2025 |
| Last Updated | May 19, 2025 |
| Category | Prototyping & animation plugins |
| Creator | jyp |
| Stats | 25 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Prototyping & animation plugins category.