mqq-icons

Icon automation workflow with Figma

Usage no npm install needed!

<script type="module">
  import mqqIcons from 'https://cdn.skypack.dev/mqq-icons';
</script>

README

Icon Automation Workflow Using Figma

It's a repository for Figma Icon Automation Plugin.

in react

import { ISmile } from "mqq-icons";

function App(){
    return (<svg {...ISmile} width="16" height="16" />);
};

安装 Figma 插件 / Install figma plugin

点击链接下载插件。

配置 / settings

填写token

  • GitHub Repo Url: https://github.com/yued-fe/webnovel-icons
  • GitHub token:联系 ziven27 获取
  1. 打开 Figma 并呼起 figma-icon-automation 插件。
  2. 填写 GitHub Repo Url 也就是当前 Github 地址。
  3. 填写 GitHub Token.

发布 / Publish

发布

  1. 点击 Update 按钮,跳转到 Publish 页卡。
  2. 一定要等到出现黑色加粗文字 The current version is *.*.*
  3. 然后填写想要发布的新的版本号,和修改信息,并点击 push to Github

合并分支 / Pull requests

Pull requests

Pr

  1. 点击 here
  2. 再点击 Squash and merge

查看效果 / Preview

preview

然后点击以上链接,并在 Dependencies 中升级 mqq-icons 到刚刚 Figma 中发布的版本,即可看到效果。