设计标注 Design Mark
Easily add dimensions and key points to your designs.
Plugin Preview
About this plugin
Introduction
Mark Symbols is a specialized annotation tool designed for UI/UX designers. It meets your needs for manual annotations, key point identification, and more within your design drafts. Now supporting both Figma and Sketch, this plugin offers a comprehensive solution for adding precise dimensions, spacing annotations, and auxiliary content to your design projects.
Function Description
- Dimension and Spacing Annotations: Easily add measurements and spacing indicators to your designs.
- Design Key Point Markings: Highlight important elements within your design.
- Auxiliary Content for Design Plans: Provide additional contextual information to enhance your design documentation.
Usage
- Select Your Frame: Choose the area or frame in your design where you want to add annotations.
- Apply Annotations: Use the plugin’s interface to select the type of annotation you need (dimensions, spacing, key points).
- Adjust and Customize: Fine-tune the placement and appearance of your annotations to match your design style.
Notes
- Ensure your design elements are grouped correctly to avoid misplacement of annotations.
- This plugin is optimized for both Figma and Sketch; functionality may vary slightly between platforms.
- For complex designs, it’s recommended to annotate incrementally to maintain performance.
- For more usage instructions or the Sketch version, visit: https://marksymbols.kingwei.ltd/
介绍
【Mark Symbols】是一款专为UI/UX设计师打造的标注工具。它能够满足您在设计稿中进行手动标注、关键点标识等需求。该插件现已支持Figma和Sketch两款主流设计平台,为您的设计项目提供精准的尺寸、间距标注以及辅助内容标识等功能。
功能说明
- 尺寸及间距标注: 轻松为您的设计添加尺寸和间距标识。
- 设计要点标注: 突出显示设计中的重要元素。
- 设计方案辅助内容: 提供额外的上下文信息以增强设计文档。
使用方法
- 选择框架: 选择您希望添加标注的设计区域或框架。
- 应用标注: 使用插件界面选择您需要的标注类型(尺寸、间距、关键点)。
- 调整和自定义: 根据您的设计风格微调标注的位置和外观。
注意事项
- 确保您的设计元素正确分组,以避免标注错位。
- 该插件已针对Figma和Sketch进行了优化,不同平台之间的功能可能略有不同。
- 对于复杂设计,建议逐步添加标注以保持性能。
- 关于工具的更多使用说明,或sketch版本可查看:https://marksymbols.kingwei.ltd/
Plugin Details
Version | 6 |
---|---|
Created | July 20, 2023 |
Last Updated | June 7, 2025 |
Category | Accessibility tools |
Creator | KingweiCheung |
Stats | 996 installs, 86 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥