A Selector
<p><strong>A powerful tool for finding and selecting elements, you can flexibly cross select various elements by various attributes of the element. Supported languages: Chinese, English, Spanish.</strong></p><p><br></p><p><strong>一个强大的查找和选择元素的工具,你可以通过元素的各种属性来灵活的交叉选择各种元素,支持中英、西班牙语。</strong></p><p><br></p><p>If helpful please click the ❤️.</p><p><br></p><p><strong>🔍 支持以下过滤方式 Supported filtering methods:</strong></p><p><br></p><h2><strong>搜索图层名称 By Layer Name</strong></h2><p><br></p><h2><strong>按查找层级 By search hierarchy:</strong></h2><p><br></p><p><strong>未选择元素或查找范围为整个文档时 No selected or search the entire document:</strong></p><ul><li>所有元素 All elements</li><li>根元素 Root element (页面的子级元素 Child of the page)</li><li><br></li></ul><p><strong>选中一个或多个元素时 One or more elements are selected: :</strong></p><ul><li>内在元素 Inside (包含被选择元素自身及其所有子孙元素 The selected element and all children)</li><li>同级元素 Siblings</li><li>子级元素 Child</li><li>子孙元素 Children</li></ul><p><br></p><p><strong>按元素类型或排除类型选择 Select by element type or exclusion type ( 可多选 </strong>Multiple <strong>) :</strong></p><ul><li>所有 All(不区分类型 Regardless of type)</li><li>组件 Components</li><li>组件集 Components Set</li><li>实例 Instances</li><li>框架 Frames</li><li>自动布局 Auto Layout</li><li>组 Groups</li><li>章节 Section</li><li>图片 Images</li><li>文本 Text</li><li>小部件 Widget</li><li>连接线 Connector</li><li>便签 Sticky</li><li>高亮 High Light (Figjam only)</li><li>内嵌媒体 Embed (Figjam only)</li><li>代码块Code (Figjam only)</li><li>链接扩展 Link Unfurl (Figjam only)</li><li>胶带 Washi Tape</li><li>媒体 Media (Figjam only)</li><li>图章 Stamp</li><li>切片 Slices</li><li>方形 Rectangle</li><li>布尔形状 Boolean</li><li>形状 Shapes</li><li>线条 Lines</li><li>圆形</li><li>三角形 Triangles</li><li>星形 Stars</li><li>文字形状 Shape with Text</li></ul><p><br></p><h2><strong>按状态或排除状态 Status or exclusion Status</strong></h2><h2><strong> ( 可多选 </strong>Multiple <strong>):</strong></h2><ul><li>所有 All ( 不区分 Unclassified )</li><li>无填充 No Fills</li><li>无描边 No Strokes</li><li>隐藏的图层(图层的眼睛关闭的状态,要同时查找透明度为零或填充透明度为0的元素请在属性过滤里添加对应的属性) Hidden layers (the layer's eyes are closed, add the corresponding properties in the Filter properties to find elements with zero opacity at the same time)</li><li>锁定的图层 Locked layers</li><li>蒙版 Masks</li><li>无子元素的图层 Layers with no child elements</li><li>剪切子元素的框架 Frames for clipping child elements</li><li>包含导出的图层 Contain exported layers</li></ul><p><br></p><h2><strong>按属性 Props ( 可叠加 </strong>Multiple <strong>):</strong></h2><p><strong>图层相关属性 Layer :</strong></p><ul><li>图层透明度 Layer opacity</li><li>元素X坐标 X</li><li>元素Y坐标 Y</li><li>元素宽度 Width</li><li>元素高度 Height</li><li>元素在父图层中的倒序 Order number of elements in parent (layer panel)</li><li>元素在父图层中的倒序 Order number of elements in parent (layer panel reverse)</li><li>子元素数量 Number of Children</li><li>旋转角度 Rotation</li><li>图层是否展开 Expanded</li><li>图层叠加模式 Blend Mode</li><li>图层网格 Layout Grids</li><li>网格样式 ID Grid Style Id</li><li>多边形边数 Polygon Sides</li></ul><p><br></p><p><strong>绝对渲染边界 Absolute Render Bounds:</strong></p><ul><li>绝对宽度 Absolute Render Width</li><li>绝对高度 Absolute Render Height</li><li>绝对X Absolute X</li><li>绝对Y Absolute Y</li></ul><p><br></p><p><strong>填充相关属性 Fills:</strong></p><ul><li>填充色 Fills Color</li><li>填充叠加模式 Fills Blend Mode</li><li>填充透明度 Fills Opacity</li><li>填充类型 Fills Type</li><li>填充是否可见 Fills Visible</li><li>完整填充样式 Fully Fills Style (匹配被选择元素的所有填充样式 Matches all fill styles of the selected element)</li><li>填充样式ID Fills Style ID (通过ID来匹配样式 Matches style by ID)</li></ul><p><br></p><p><strong>图层圆角 Radius:</strong></p><ul><li>圆角: All Radius</li><li>左上 Radius-top left</li><li>右上 Radius-top right</li><li>左下 Radius-bottom left</li><li>右下 Radius-bottom right</li><li>转角平滑 Corner Smoothing</li></ul><p><br></p><p><strong>描边相关属性 Strokes:</strong></p><ul><li>描边颜色 Strokes Color</li><li>描边透明度 Strokes Opacity</li><li>描边叠加模式 Strokes Blend Mode</li><li>描边类型 Strokes Type</li><li>描边可见度 Strokes Visible</li><li>描边对齐 Strokes Align</li><li>描边端点 Strokes Cap</li><li>描边转角 Strokes Join</li><li>描边斜接限制 Strokes Miter Limit</li><li>完整描边样式 Fully Strokes Style (匹配被选择元素的所有描边样式 Matches all Strokes styles of the selected element)</li><li>描边样式ID Strokes Style ID (通过ID来匹配样式 Matches style by ID)</li></ul><p><br></p><p><strong>图层效果 Effects:</strong></p><ul><li>完整效果样式 Fully Effects</li><li>效果样式ID Effect Style ID</li></ul><p><br></p><p><strong>自动布局相关属性 Auto layout:</strong></p><ul><li>排列方向 Direction</li><li>元素间距 Items Spacing</li><li>上内边距 Padding Top</li><li>下内边距 Padding Bottom</li><li>左内边距 Padding Left</li><li>右内边距 Padding Right</li><li>图层定位 Layout Position</li></ul><p><br></p><p><strong>文本相关属性 Text:</strong></p><ul><li>文本内容 Characters</li><li>字体 Font Family</li><li>字重 Font Weight</li><li>字号 Font Size</li><li>是否有链接 Hyperlink</li><li>水平对齐 Horizontal Align</li><li>垂直对齐 Vertical Align</li><li>文字修饰 Text Decoration</li><li>文本间距 Letter Spacing</li><li>文本间距单位 Letter Spacing Unit</li><li>行高 Line Height</li><li>行高单位 Line Height Unit</li><li>是否包含丢失字体 Has Missing Font</li><li>段落缩进 Paragraph Indent</li><li>段落间距 Paragraph Spacing</li><li>文字样式ID Text Style ID</li></ul><p><br></p><p><strong>组件相关 Component:</strong></p><ul><li>组件描述 Description</li><li>相同母组件ID | Main Component ID</li></ul><p><br></p><p><strong>交互相关 Prototype:</strong></p><ul><li>交互动作 Reactions</li><li>滚动溢出方向 Overflow Scrolling</li><li>固定子元素数量 Number Of Fixed Children</li></ul><p><br></p><p><strong>💻 主要功能说明 Functions:</strong></p><ul><li>默认查找当页元素,你可以为想要的结果添加各种过滤。</li><li>Default find at current page, you can add various filters for desired results.</li></ul><p><br></p><ul><li>点击最上方的”当前页“,可以切换到查找整个文档</li><li>Click”Current Page“,can select "All Files"</li></ul><p><br></p><ul><li>选择一个或多个元素后,以选中元素作为基准进行查找,你可以额外的选择一些层级进行过滤。</li><li>When one or more elements have been selected, you can use the selected element as a benchmark to look up, and you can select additional level for filtering.</li></ul><p><br></p><ul><li>选择一个或多个元素后,界面上会显示选中的第一个元素的名称和其他元素的数量,搜索框和属性过滤的输入控件后面会显示一个填充按钮,点击按钮会自动将选中的元素对应的属性值填入。这样你就可以查找相似的元素了。</li><li>Select one or more elements, the screen will displays the name of the first element selected and the number of other selected elements. The search box and the added properties will display a fill button that automatically fills in the values of the selected elements.Then you can find and select similar layers.</li></ul><p><br></p><p><br></p><p><strong>找到查找结果后右下方会显示” 选中所有“、”挨个查看“和”结果列表“按钮,在查找整个文档时只会显示一个结果列表的按钮。结果列表会按页面显示查找到元素,点击列表名称可以收起/展开列表元素,点击具体元素可以直接定位到元素。刚得到查找结果后如果数量有点多,点击结果列表按钮可能会有点延迟,此时可以多次点击。</strong></p><p><br></p><p><strong>When the results are found, the 'select all', 'View by view,' and 'result list' buttons are displayed in the lower right corner, and only one result list button is displayed when the whole document is searched. The result list will display the found elements according to the page. Click the list name to collapse/expand the list element, and click the specific element to directly locate the element.If the number of search results is a little high, results list will not work good to show, so you can click it several times.</strong></p><p><br></p><p><strong>🛠 额外功能 Additional functionality:</strong></p><p><br></p><p>点击右上角比较不明显的icon会进入额外的功能界面,目前只有一个功能——一键清除参考线</p><p><br></p><p>Clicking on the less obvious icon in the upper right corner will bring you into the interface of additional functions. Currently, there are only functions -- Clear the guide line.</p><p><br></p><p><br></p><p>需要更多查找方式和功能可以留言,</p><p>You can leave a message if you need more search methods and functions,</p><p><br></p><p>✉️ 如果使用中遇到问题或有任何建议,可以通过以下方式联系我:</p><p>If you encounter any problems or have any suggestions, you can contact me through the following ways:</p><p><a rel="noreferrer noopener nofollow ugc" href="https://www.xingzhuo.net/a-selector/" target="_blank">Make A Selector better! </a></p>
Plugin Preview
About this plugin
A powerful tool for finding and selecting elements, you can flexibly cross select various elements by various attributes of the element. Supported languages: Chinese, English, Spanish.
一个强大的查找和选择元素的工具,你可以通过元素的各种属性来灵活的交叉选择各种元素,支持中英、西班牙语。
If helpful please click the ❤️.
🔍 支持以下过滤方式 Supported filtering methods:
搜索图层名称 By Layer Name
按查找层级 By search hierarchy:
未选择元素或查找范围为整个文档时 No selected or search the entire document:
- 所有元素 All elements
- 根元素 Root element (页面的子级元素 Child of the page)
选中一个或多个元素时 One or more elements are selected: :
- 内在元素 Inside (包含被选择元素自身及其所有子孙元素 The selected element and all children)
- 同级元素 Siblings
- 子级元素 Child
- 子孙元素 Children
按元素类型或排除类型选择 Select by element type or exclusion type ( 可多选 Multiple ) :
- 所有 All(不区分类型 Regardless of type)
- 组件 Components
- 组件集 Components Set
- 实例 Instances
- 框架 Frames
- 自动布局 Auto Layout
- 组 Groups
- 章节 Section
- 图片 Images
- 文本 Text
- 小部件 Widget
- 连接线 Connector
- 便签 Sticky
- 高亮 High Light (Figjam only)
- 内嵌媒体 Embed (Figjam only)
- 代码块Code (Figjam only)
- 链接扩展 Link Unfurl (Figjam only)
- 胶带 Washi Tape
- 媒体 Media (Figjam only)
- 图章 Stamp
- 切片 Slices
- 方形 Rectangle
- 布尔形状 Boolean
- 形状 Shapes
- 线条 Lines
- 圆形
- 三角形 Triangles
- 星形 Stars
- 文字形状 Shape with Text
按状态或排除状态 Status or exclusion Status
( 可多选 Multiple ):
- 所有 All ( 不区分 Unclassified )
- 无填充 No Fills
- 无描边 No Strokes
- 隐藏的图层(图层的眼睛关闭的状态,要同时查找透明度为零或填充透明度为0的元素请在属性过滤里添加对应的属性) Hidden layers (the layer's eyes are closed, add the corresponding properties in the Filter properties to find elements with zero opacity at the same time)
- 锁定的图层 Locked layers
- 蒙版 Masks
- 无子元素的图层 Layers with no child elements
- 剪切子元素的框架 Frames for clipping child elements
- 包含导出的图层 Contain exported layers
按属性 Props ( 可叠加 Multiple ):
图层相关属性 Layer :
- 图层透明度 Layer opacity
- 元素X坐标 X
- 元素Y坐标 Y
- 元素宽度 Width
- 元素高度 Height
- 元素在父图层中的倒序 Order number of elements in parent (layer panel)
- 元素在父图层中的倒序 Order number of elements in parent (layer panel reverse)
- 子元素数量 Number of Children
- 旋转角度 Rotation
- 图层是否展开 Expanded
- 图层叠加模式 Blend Mode
- 图层网格 Layout Grids
- 网格样式 ID Grid Style Id
- 多边形边数 Polygon Sides
绝对渲染边界 Absolute Render Bounds:
- 绝对宽度 Absolute Render Width
- 绝对高度 Absolute Render Height
- 绝对X Absolute X
- 绝对Y Absolute Y
填充相关属性 Fills:
- 填充色 Fills Color
- 填充叠加模式 Fills Blend Mode
- 填充透明度 Fills Opacity
- 填充类型 Fills Type
- 填充是否可见 Fills Visible
- 完整填充样式 Fully Fills Style (匹配被选择元素的所有填充样式 Matches all fill styles of the selected element)
- 填充样式ID Fills Style ID (通过ID来匹配样式 Matches style by ID)
图层圆角 Radius:
- 圆角: All Radius
- 左上 Radius-top left
- 右上 Radius-top right
- 左下 Radius-bottom left
- 右下 Radius-bottom right
- 转角平滑 Corner Smoothing
描边相关属性 Strokes:
- 描边颜色 Strokes Color
- 描边透明度 Strokes Opacity
- 描边叠加模式 Strokes Blend Mode
- 描边类型 Strokes Type
- 描边可见度 Strokes Visible
- 描边对齐 Strokes Align
- 描边端点 Strokes Cap
- 描边转角 Strokes Join
- 描边斜接限制 Strokes Miter Limit
- 完整描边样式 Fully Strokes Style (匹配被选择元素的所有描边样式 Matches all Strokes styles of the selected element)
- 描边样式ID Strokes Style ID (通过ID来匹配样式 Matches style by ID)
图层效果 Effects:
- 完整效果样式 Fully Effects
- 效果样式ID Effect Style ID
自动布局相关属性 Auto layout:
- 排列方向 Direction
- 元素间距 Items Spacing
- 上内边距 Padding Top
- 下内边距 Padding Bottom
- 左内边距 Padding Left
- 右内边距 Padding Right
- 图层定位 Layout Position
文本相关属性 Text:
- 文本内容 Characters
- 字体 Font Family
- 字重 Font Weight
- 字号 Font Size
- 是否有链接 Hyperlink
- 水平对齐 Horizontal Align
- 垂直对齐 Vertical Align
- 文字修饰 Text Decoration
- 文本间距 Letter Spacing
- 文本间距单位 Letter Spacing Unit
- 行高 Line Height
- 行高单位 Line Height Unit
- 是否包含丢失字体 Has Missing Font
- 段落缩进 Paragraph Indent
- 段落间距 Paragraph Spacing
- 文字样式ID Text Style ID
组件相关 Component:
- 组件描述 Description
- 相同母组件ID | Main Component ID
交互相关 Prototype:
- 交互动作 Reactions
- 滚动溢出方向 Overflow Scrolling
- 固定子元素数量 Number Of Fixed Children
💻 主要功能说明 Functions:
- 默认查找当页元素,你可以为想要的结果添加各种过滤。
- Default find at current page, you can add various filters for desired results.
- 点击最上方的”当前页“,可以切换到查找整个文档
- Click”Current Page“,can select "All Files"
- 选择一个或多个元素后,以选中元素作为基准进行查找,你可以额外的选择一些层级进行过滤。
- When one or more elements have been selected, you can use the selected element as a benchmark to look up, and you can select additional level for filtering.
- 选择一个或多个元素后,界面上会显示选中的第一个元素的名称和其他元素的数量,搜索框和属性过滤的输入控件后面会显示一个填充按钮,点击按钮会自动将选中的元素对应的属性值填入。这样你就可以查找相似的元素了。
- Select one or more elements, the screen will displays the name of the first element selected and the number of other selected elements. The search box and the added properties will display a fill button that automatically fills in the values of the selected elements.Then you can find and select similar layers.
找到查找结果后右下方会显示” 选中所有“、”挨个查看“和”结果列表“按钮,在查找整个文档时只会显示一个结果列表的按钮。结果列表会按页面显示查找到元素,点击列表名称可以收起/展开列表元素,点击具体元素可以直接定位到元素。刚得到查找结果后如果数量有点多,点击结果列表按钮可能会有点延迟,此时可以多次点击。
When the results are found, the 'select all', 'View by view,' and 'result list' buttons are displayed in the lower right corner, and only one result list button is displayed when the whole document is searched. The result list will display the found elements according to the page. Click the list name to collapse/expand the list element, and click the specific element to directly locate the element.If the number of search results is a little high, results list will not work good to show, so you can click it several times.
🛠 额外功能 Additional functionality:
点击右上角比较不明显的icon会进入额外的功能界面,目前只有一个功能——一键清除参考线
Clicking on the less obvious icon in the upper right corner will bring you into the interface of additional functions. Currently, there are only functions -- Clear the guide line.
需要更多查找方式和功能可以留言,
You can leave a message if you need more search methods and functions,
✉️ 如果使用中遇到问题或有任何建议,可以通过以下方式联系我:
If you encounter any problems or have any suggestions, you can contact me through the following ways:
Plugin Details
Version | 48 |
---|---|
Created | April 26, 2021 |
Last Updated | October 28, 2022 |
Category | File organization plugins |
Creator | Xing Zhuo |
Stats | 23474 installs, 791 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
More Like This
Discover other plugins in the File organization plugins category.