Yunser Design

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