Figma插件:Border

  • 一个给Figma的Frame元素快速添加单条边框线的插件。

    border

    安装

    在Figma的插件市场搜索Border安装 link

    使用

    1. 从Plugins菜单内打开Border
    2. 选择一个或多个Frame
    3. 点击对应按钮来切换对应位置的边框

    开发

    使用Svelte开发,Rollup打包Svelte和TypeScript。

    Figma的插件要求JS, HTML, CSS都必须在一个html文件内联1 ,故此使用inline-source来内联文件。

    最后使用Gulp来组织到一个工作流里。

    Gulp
    |- Rollup + Svelte
    |- Sass
    |- inline-source
    

    Github地址:https://github.com/203x/figma-border