Back to Plugins
设计标注 Design Mark

设计标注 Design Mark

Easily add dimensions and key points to your designs.

dimension markingdesign key pointsannotation tooldesign markupdesign kitmark

Plugin Preview

设计标注 Design Mark 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

  1. Dimension and Spacing Annotations: Easily add measurements and spacing indicators to your designs.
  2. Design Key Point Markings: Highlight important elements within your design.
  3. Auxiliary Content for Design Plans: Provide additional contextual information to enhance your design documentation.


Usage

  1. Select Your Frame: Choose the area or frame in your design where you want to add annotations.
  2. Apply Annotations: Use the plugin’s interface to select the type of annotation you need (dimensions, spacing, key points).
  3. Adjust and Customize: Fine-tune the placement and appearance of your annotations to match your design style.


Notes

  1. Ensure your design elements are grouped correctly to avoid misplacement of annotations.
  2. This plugin is optimized for both Figma and Sketch; functionality may vary slightly between platforms.
  3. For complex designs, it’s recommended to annotate incrementally to maintain performance.
  4. For more usage instructions or the Sketch version, visit: https://marksymbols.kingwei.ltd/


介绍

【Mark Symbols】是一款专为UI/UX设计师打造的标注工具。它能够满足您在设计稿中进行手动标注、关键点标识等需求。该插件现已支持Figma和Sketch两款主流设计平台,为您的设计项目提供精准的尺寸、间距标注以及辅助内容标识等功能。


功能说明

  1. 尺寸及间距标注: 轻松为您的设计添加尺寸和间距标识。
  2. 设计要点标注: 突出显示设计中的重要元素。
  3. 设计方案辅助内容: 提供额外的上下文信息以增强设计文档。


使用方法

  1. 选择框架: 选择您希望添加标注的设计区域或框架。
  2. 应用标注: 使用插件界面选择您需要的标注类型(尺寸、间距、关键点)。
  3. 调整和自定义: 根据您的设计风格微调标注的位置和外观。


注意事项

  1. 确保您的设计元素正确分组,以避免标注错位。
  2. 该插件已针对Figma和Sketch进行了优化,不同平台之间的功能可能略有不同。
  3. 对于复杂设计,建议逐步添加标注以保持性能。
  4. 关于工具的更多使用说明,或sketch版本可查看:https://marksymbols.kingwei.ltd/

Plugin Details

Version6
CreatedJuly 20, 2023
Last UpdatedJune 7, 2025
CategoryAccessibility tools
CreatorKingweiCheung
Stats996 installs, 86 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none