Advertisement

Fugen：一款命令行工具，帮助从Figma文件中导出资源和生成代码

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型：None

简介：
Fugen是一款强大的命令行工具，专为开发者设计，能够直接从Figma文件中高效地导出资源并自动生成代码，大幅提升开发效率。 Fugen 是一个用于从文件生成代码并导出资源的命令行工具。当前支持以下实体： - 颜色样式 - 文字样式 - 阴影样式 安装方法： 使用 CocoaPods 安装 Fugen，请在 Podfile 中添加一行：`pod Fugen, ~> 1.3.0` 然后运行命令 `$ pod install --repo-update` 如果通过 Homebrew 安装，执行以下操作： ``` $ brew install almazrafi/tap/fugen ``` 建议使用 CocoaPods 进行安装，因为它可以在所有团队成员的计算机上设定固定版本并自动完成更新过程。

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • Fugen：一款命令行工具，帮助从Figma文件中导出资源和生成代码
    优质
    Fugen是一款强大的命令行工具，专为开发者设计，能够直接从Figma文件中高效地导出资源并自动生成代码，大幅提升开发效率。 Fugen 是一个用于从文件生成代码并导出资源的命令行工具。当前支持以下实体： - 颜色样式 - 文字样式 - 阴影样式 安装方法： 使用 CocoaPods 安装 Fugen，请在 Podfile 中添加一行：`pod Fugen, ~> 1.3.0` 然后运行命令 `$ pod install --repo-update` 如果通过 Homebrew 安装，执行以下操作： ``` $ brew install almazrafi/tap/fugen ``` 建议使用 CocoaPods 进行安装，因为它可以在所有团队成员的计算机上设定固定版本并自动完成更新过程。
     
  • Figma-Export：一款用于从Figma导出颜色、版式、图标和图片至Xcode及Android Studio的命令行工具
    优质
    Figma-Export是一款便捷的命令行工具，专为设计师与开发者设计。它能轻松地将Figma中的颜色、字体样式、图标和图片等资源导出到Xcode和Android Studio中，极大提高了开发效率。 FigmaExport是一款命令行实用程序，能够将Figma中的颜色、排版、图标及图像导出到Xcode或Android Studio项目中。 - 颜色：从Figma的颜色样式导出。 - 排版：支持从Figma的文字样式进行导出。 - 图标：可以导出带有小黑色矢量图的Figma组件。 - 图像：能够将包含浅色和深色模式下的彩色图像的Figma组件导出。 该实用程序适用于暗模式，并且兼容SwiftUI。开发这款工具的原因是，目前Figma不支持直接向Xcode或Android Studio项目中导出色彩与图片信息，手动导出会耗费大量时间。此外，它可以帮助保持组件库和代码之间的同步性。
     
  • RDP文件生成的命令行工具
    优质
    这是一款用于自动生成RDP（远程桌面协议）配置文件的命令行工具，通过简单的参数设置即可快速创建远程连接所需的RDP文件。 基于命令行的RDP生成工具调用方法为：使用命令 `RDPGen.exe remoteip username password` 来生成一个remote.rdp文件。其中参数分别为： - `remoteip`: 远程机器的IP地址； - `username`: 登录用户名； - `password`: 登录密码。 执行该命令后会创建一个名为`remote.rdp`的文件，此rdp文件只能在本机使用。
     
  • HTML-Figma：一款可将HTML导入Figma图层的插件-源码
    优质
    HTML-Figma是一款专为设计师打造的插件，它能够轻松地将HTML代码转换并导入至Figma的设计文件中，极大地方便了前端开发与设计工作的衔接。该插件提供完整的源代码，便于用户进行二次开发和定制。 HTML <-> Figma插件可以将网页上的HTML内容转换为Figma设计文件或从Figma设计生成代码。 使用方法如下： 在Figma中打开一个新文档或者现有文档，然后按下 `cmd + /` 并搜索“html figma”，接着点击Enter键。输入您要导入的URL地址即可轻松获取现场样式的实际效果作为设计和原型的基础。 该插件的优点包括： - 轻松将真实网站样式导入Figma - 快速地把网页组件转化为设计元素，便于使用故事书等工具进行后续开发工作。 - 支持捕获需要身份验证或者特定状态下的页面内容 此外，还可以通过Node.js安装@builder.io/html-to-figma插件来实现从HTML到Figma的转换。例如： ```javascript import { htmlToFigma } from @builder.io/html-to-figma; const layers = htmlToFigma(document.body); ``` 以上代码可以将网页元素转为适合上传至Figma的设计图层，或者通过REST API发送给服务器端以生成.figman.json文件形式。
     
  • 在Linux命令行中导出和导入.sql文件的方法
    优质
    本文将详细介绍如何在Linux系统中通过命令行工具高效地导出和导入SQL数据库文件，涵盖常用数据库管理系统的操作方法。 本段落介绍了在Linux环境下使用命令导出和导入.sql文件的方法。 一、利用mysqldump命令导出数据库（注意MySQL的安装路径）： 1. 导出数据及表结构：执行`mysqldump -u用户名 -p密码 数据库名 > 数据库名.sql`，例如`/usr/local/mysql/bin/mysqldump -uroot -p abc > abc.sql`。敲回车后会提示输入MySQL的登录密码。 2. 只导出表结构：执行`mysqldump -u用户名 -p密码 -d 数据库名 > 数据库名.sql`，例如`/usr/local/mysql/bin/mysqldump -uroot -p abc > abc-structure-only.sql`。敲回车后同样会提示输入登录密码。
     
  • 通过CLI从Figma项目中导出SVG (export-figma-svg)
    优质
    export-figma-svg是一款用于通过命令行接口（CLI）直接从Figma设计项目中高效提取SVG文件的工具。它简化了设计师和开发人员之间的协作流程，使得资源管理更加便捷。 通过CLI从Figma导出SVG入门 使用命令行接口（CLI）可以轻松地将Figma项目中的SVG文件导出出来。 前提条件： 您需要一个DEV_TOKEN（请参阅设置的第5步） 图标管理： 每个图标都是一个Figma组件。选择对应的图标并使用快捷键⌥⌘K来应用。 输出目录： 生成的SVG文件将会保存在src/svg文件夹中 步骤说明： 1. 安装依赖：运行 `yarn install` 2. 选择包含图标的框架，并复制该框架的URL 3. 运行命令`node src/setupEnv.js`，当提示时粘贴从第2步获取到的URL。这一步会生成一个.env文件。 4. 在Figma中通过“帮助和帐户”>“账户设置”>“个人访问令牌”的路径来创建DEV_TOKEN（也称为个人访问令牌）。 5. 将刚刚创建好的DEV_TOKEN添加至步骤3自动生成的.env文件里。 完成以上步骤后，就可以使用CLI从Figma导出SVG了。
     
  • FigmaConvertXib: 一个将Figma设计元素导出并生成至项目的工具
    优质
    FigmaConvertXib是一款高效的开发辅助工具，能够自动将Figma中的设计元素导出，并直接集成到项目中，简化工作流程。 FigmaConvertXib 是一款工具，用于从导出的设计元素生成文件并将其添加到项目中。它可以将设计元素转换为iOS项目的 .xib 文件或Android Studio 项目的 .xml 文件。 使用前请观看带有示例的视频教程。 - 添加 Figma 项目 - 设置页面类型 安装： 基本参数 在每个步骤生成时，会用到以下基本参数： accessToken：用于执行Figma API请求的访问令牌字符串（详情见Figma访问令牌）。 projectId：将要使用的Figma文件URL以生成代码（详见Figma文件）。 获取 Figma 访问令牌 为了接收 Figma 文件，需要授权。通过转移个人访问令牌来实现此目的。可以通过几个简单的步骤创建该令牌： - 在 Figma 中打开账户设置页面。 - 转到“个人访问令牌”部分并点击“创建新的个人访问令牌”按钮。 - 输入描述信息（例如，“FigmaConvert”）。
     
  • WebCMD：一款网页版的命令行工具
    优质
    WebCMD是一款创新的网页版命令行工具，旨在为用户提供便捷、高效的远程代码执行和文件管理功能，适用于各种编程项目。 WebCmd 是一个网页版的命令行界面，并被定义为单例。 初始化方法： ```javascript WebCmd.init(options) ``` 其中 `options` 是一个 JSON 对象，包含以下字段： - title：设置标题，默认值是 cmd - welcomeMsg：进入 waiting 状态时显示的消息，默认是 [请稍候。 .. ] - 路由：JSON 对象，包括： - regex: 正则表达式 - handler: 函数 (cmd, matchArr, thiz) - oncancel: 取消函数 (thiz) 其他方法如下： ```javascript WebCmd.output(str); ``` 输出字符串。 ```javascript WebCmd.newLine(title); ``` 换行，可选参数 `title` 是一个字符串。 ```javascript WebCmd.wait(waitingMsg); ``` 进入等待状态，可选参数 `waitingMsg` 为显示的消息。
     
  • getcomic-cli：一款用于从readcomiconline.to下载漫画的命令行工具
    优质
    GetComic-CLI是一款专为读取readcomiconline.to网站内容设计的高效命令行工具，它支持用户轻松下载喜欢的漫画作品。 getcomic-cli 是一个从readcomiconline.to下载漫画的命令行工具。 特征： - 通过提供一期漫画的网址来下载该期漫画。 - 提供特定系列的网页链接，可以下载整个系列的所有内容。 - 支持用户输入指定范围的问题进行下载操作。 入门指南： 支持的操作系统：Ubuntu 先决条件： 1. Python3 2. pip3 安装步骤： 此工具需要无头浏览器来自动执行网页上的交互任务。这里使用的是Chrome浏览器。 首先，在您的计算机上安装最新版本的chrome浏览器，然后按照官方说明进行操作。 在Ubuntu 16.04 LTS中升级google-chrome，请运行以下命令：sudo apt-get --only-upgrade install google-chrome-stable 接下来需要下载并配置一个Chrome驱动程序。
     
  • PseudoGen：一款用于从源代码生成伪代码的工具 - 由PS提供
    优质
    PseudoGen是一款创新软件开发工具，专为程序员设计，能够高效地将复杂源代码转换成简洁明了的伪代码。该工具旨在简化程序理解过程，并促进算法教学和团队沟通。由PS公司倾力打造。 假性原是一种从源代码自动生成伪代码的工具，并且可以通过Docker进行安装使用。 首先运行以下命令以启动容器： ```bash docker run -itd delihiros/pseudogen ``` 接着进入pseudogen目录并执行生成脚本，如下所示： ```bash /# cd pseudogen/data /../run-pseudogen.sh -f tune/travatar.ini ``` 该工具需要Python 3.5或更高版本。安装相关依赖项，请运行以下命令： ```bash apt install git libboost-all-dev autoconf automake autotools-dev libtool zlib1g-dev cmake build-essential python3 python3-pip wget -y pip3 install nltk ``` 对于Mac OS X用户，由于GIZA++是为Linux编写的，可能需要进行一些修改才能成功安装。