当前位置：文江博客 Node Package Readme znellaicon 中文文档教程

znellaicon 中文文档教程

发布于 2年前浏览 12 项目主页更新于 2年前

使用 Figma 的图标自动化工作流程

在根目录下创建一个.env。将您的 Figma 文件 url 和 Figma 令牌放入其中。

FIGMA_FILE_URL=https://www.figma.com/file/********************/juuust-react-icon
FIGMA_TOKEN=********************************

运行 yarn fetch 从 Figma 文件中获取 SVG 文件。这会将您的 SVG 拉入 ./src/svg/ 中。

运行yarngenerate从SVG文件生成组件文件。这会将您的组件文件拉入 ./src/icons/ 中。

开发运行yarn dev来开发可以看到所有图标的应用程序。

进行开发运行yarn build来构建页面。

Create a .env in the root directory. Put your Figma file url and Figma token inside.

FIGMA_FILE_URL=https://www.figma.com/file/********************/juuust-react-icon
FIGMA_TOKEN=********************************

Run yarn fetch to fetch SVG files from Figma file. This will pull your SVGs in ./src/svg/.

Run yarn generate to generate component files from SVG files. This will pull your component files in ./src/icons/.

Run yarn dev to develop the application in which you can see all icons.

Run yarn build to build Pages.