Back to Plugins
Yunser Design

Yunser Design

Quickly generate components.快速生成组件。selecting a layer, click the button to generate it.选择图层,快速生成组件并替换图层。## Commands* `Auto Layout Fixed Size`: Set auto layout to fixed width and height.* `1/2 width of parent`: Set the layer width to 1/2 of the parent layer.* `1/3 width of parent`: Set the layer width to 1/3 of the parent layer.* `1/4 width of parent`: Set the layer width to 1/4 of the parent layer.* `Frame All`: Wrap frame to all selected layers.* `Swap Position`: Select two layers to swap them.========·========## 功能说明该插件致力于让设计更加快速化、工程化。目前功能还很简陋,很多功能还在试探。插件提供了一些常用的快速命令,让设计更加高效,让我们尽可能摆脱鼠标工作。## 支持的命令:* `Auto Layout Fixed Size`: 设置自动布局为固定宽高。* `1/2 width of parent`: 设置图层宽度为父图层的 1/2。* `1/3 width of parent`: 设置图层宽度为父图层的 1/3。* `1/4 width of parent`: 设置图层宽度为父图层的 1/4。* `Frame All`: 把所有选中的图层用 Frame 包裹起来。* `Swap Position`: 选中两个图层,交换位置。* `Radius xx`: 选中多个图层,快速设置圆角。* 开发常用* `Copy as DataUrl`: 复制为 Data URL,可用于网页图片 `src`。* `Copy as Path Data`: 复制为 svg path 的 `d` 属性。

generatorbuttoncode-generators

Plugin Preview

Yunser Design preview

About this plugin

Quickly generate components.快速生成组件。selecting a layer, click the button to generate it.选择图层,快速生成组件并替换图层。## Commands* `Auto Layout Fixed Size`: Set auto layout to fixed width and height.* `1/2 width of parent`: Set the layer width to 1/2 of the parent layer.* `1/3 width of parent`: Set the layer width to 1/3 of the parent layer.* `1/4 width of parent`: Set the layer width to 1/4 of the parent layer.* `Frame All`: Wrap frame to all selected layers.* `Swap Position`: Select two layers to swap them.========·========## 功能说明该插件致力于让设计更加快速化、工程化。目前功能还很简陋,很多功能还在试探。插件提供了一些常用的快速命令,让设计更加高效,让我们尽可能摆脱鼠标工作。## 支持的命令:* `Auto Layout Fixed Size`: 设置自动布局为固定宽高。* `1/2 width of parent`: 设置图层宽度为父图层的 1/2。* `1/3 width of parent`: 设置图层宽度为父图层的 1/3。* `1/4 width of parent`: 设置图层宽度为父图层的 1/4。* `Frame All`: 把所有选中的图层用 Frame 包裹起来。* `Swap Position`: 选中两个图层,交换位置。* `Radius xx`: 选中多个图层,快速设置圆角。* 开发常用* `Copy as DataUrl`: 复制为 Data URL,可用于网页图片 `src`。* `Copy as Path Data`: 复制为 svg path 的 `d` 属性。

Plugin Details

Version19
CreatedJune 5, 2022
Last UpdatedAugust 10, 2022
CategorySoftware development
CreatorYunser
Stats613 installs, 7 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui/index.html
  • main:code/index.js
  • Editor Types:
    figma