Feature-Labeler

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.

1. Create a Number Badge
2. Select the badge size (small, medium, or large)
3. Choose a color from preset options or use the color picker
4. Click "Create" to add a numbered badge to your design
5. Create a Description Frame
6. Select the frame size (small, medium, or large)
7. Click "Create" to add a description frame with a matching number
8. Edit Badges and Descriptions
9. Click on any badge or description frame to edit
10. Change numbers to reorder the sequence automatically
11. For badges, you can also update the color
12. Organize Documentation
13. Place badges next to UI elements you want to reference
14. Add explanatory text in the description frames
15. Badges and descriptions with the same number are linked in the sequence

와이어프레임에 번호가 매겨진 뱃지와 설명 프레임을 쉽게 생성하세요. 기능과 설명에 순차적인 번호 참조를 추가하여 디자인 문서화 프로세스를 간소화합니다. 제품 사양, 사용자 플로우 문서화 및 디자인 인계에 편리하게 활용할 수 있습니다.

1. 번호 뱃지 만들기
2. 뱃지 크기 선택 (small, medium, or large)
3. 미리 설정된 색상 중에서 선택하거나 색상 선택기 사용
4. "Create" 버튼을 클릭하여 디자인에 번호가 매겨진 뱃지 추가
5. 설명 프레임 만들기
6. 프레임 크기 선택 (small, medium, or large)
7. "Create" 버튼을 클릭하여 일치하는 번호의 설명 프레임 추가
8. 뱃지 및 설명 편집
9. 편집하려는 뱃지나 설명 프레임을 클릭
10. 번호를 변경하면 시퀀스가 자동으로 재정렬됨
11. 뱃지의 경우 색상도 업데이트 가능
12. 문서 정리
13. 참조하려는 UI 요소 옆에 뱃지 배치
14. 설명 프레임에 설명 텍스트 추가
15. 같은 번호의 뱃지와 설명은 시퀀스에서 연결됨