figma导出android切图,谁再说Figma没办法导出标注和切图,你把这个插件转发给他...

之前说的Figma使用弊端或者对比Sketch不足的一点是导出给到开发很不方便,因为会涉及到网页打开速度等一些问题,使得很多设计师止步于此。

今天发现了新的一款导出标注切图插件,整体体验下来很流畅,上传速度也比较还可以,还可以对切图选择多倍图导出。

谁用谁知道,真的比较契合的解决交付问题,赶紧@你的开发。

标注切图插件:

407af67f50521911aa224960155cead9.png

9789bbfb23c242856ff1cb79fb822f5e.png

01

安装Figma插件

点击“安装”按钮,随后自动跳转到Figma商店中,点击“Install”完成安装。

d4a91d6659cce1c80fb2bf2d1a904dff.png

02

打开插件

插件安装好后打开Figma,任意打开一个项目后,在画布空白处右键 -> Plugins -> Mockplus。

3664af98cab1a14afe2cfc59c2292710.png

03

切换语言

插件安装好后,默认语言是英文。在插件 -> 设置中,可将语言切换为“中文”。登陆账号

c48dd50992d4f9ce33a262fb12f965a6.png

48efce44d8c087b9d318967877f710a8.png

04

新建项目

点击项目名称后面的小三角,在展开的列表中点击加号图标“+”,进行新建项目的操作。

53189b3863d245a32fd2fef8bb0ee077.png

898e950bda6f344d93ea8b4921375cc5.png

新建好项目,可将页面上传到指定分组内。

c4e5b4dcb4e59e2db1f77aca6351e730.png

05

切换团队/切换账号

点击右上角的“更多”按钮,可以进行“切换团队”和“切换账号”的操作。

ead4c5c136337e3a8ddec57aace4700a.png

06

标记切图

如果你需要对图层标记切图,首先选中图层,接着在属性面板右下角点击“Export”,再使用摹客插件上传即可。上传摹客后,可以一键下载iOS、Android、Web等多种尺寸的切图。

d5076b5d837402c7c1d307fa4cfbf18c.png

07

选择设计稿倍率

点击倍率下拉框,根据设计稿的画板大小,选择设计稿对应的倍率。例:750px*1334px的设计稿对应 @2× ,这个需要自己试验下,我测试的是我设计图是375的,选@2X的话,就会变成187.是缩小一倍的

3ffbccc2514205c7a20052b9b6881454.png

倍率选择可参考下图:

6f37dd78c01e0cbf5f577988ae6c9c66.png

接着,选择“上传所选画板”或“上传全部画板后”,点击上传即可将Figma插件一键上传即可。目前是支持100人内免费~比20人的划算一些!!

本文出自"木七设计坊"

### 如何从Figma导出或下载Figma导出是一项常见的需求,无论是用于Android开发还是其他平台的应用程序设计。以下是具体的操作方式: #### 使用Figma内置的导出功能 Figma提供了强大的内置导出功能来满足不同场景的需求。可以通过以下操作完成导出: 1. **选择目标对象**:在画布上选中需要导出的对象(可以是一个标、按钮或其他UI元素)。如果需要批量导出多个对象,则可以在按住`Shift`键的同时多选这些对象[^4]。 2. **设置导出参数**:右侧属性面板会出现“Export”选项卡,在此可以选择所需的文件格式(如JPG、PNG、SVG等)、分辨率倍率(如@1x、@2x、@3x)以及透明背景选项[^2]。 3. **执行导出动作**:点击“Download”按钮即可将所选对象按照设定好的规格保存至本地计算机。 对于更复杂的场景比如整个页面布局下的所有独立部件作为单独文件分别处理时,还可以借助于专门为此目的而创建的一些第三方插件来提高效率[^3]。 另外值得注意的是,当您希望获取更高精度的大尺寸像表示形式时,先适当调整视窗大小可能会有所帮助——即通过放大特定区域让细节更加清晰可见后再进行上述流程中的第二步配置环节[^5]。 ```python # 示例Python脚本模拟自动化部分重复性的手动劳动过程(仅作演示用途) import figma_api # 假设存在这样一个库用来连接到官方API接口服务端点 client = figma_api.Client(token="your_personal_access_token_here") file_id = 'example_file_identifier_string' node_ids_to_export = ['icon_node_001', 'button_element_abc'] for node_id in node_ids_to_export: export_settings = { "format": "png", "scale": ["2", "3"] } result = client.export(node_id, file_key=file_id, settings=export_settings) with open(f"{result.name}", "wb") as f: f.write(result.content) ``` 以上代码片段展示了一个虚构的例子说明如何利用假设存在的SDK封装类去调用真实的RESTful Web Service从而实现远程控制云端实例并请求生成指定条件下的素材包链接地址供后续进一步解析提取实际二进制流数据写入磁盘文件系统当中存储起来备用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值