写给设计师看的FramerJS——制作原型前的准备

新知榜官方账号

2023-07-04 19:38:22

写给设计师看的FramerJS——制作原型前的准备

产品经理在不同阶段需要侧重不同方面的技能，本系列文章将从实践角度出发介绍FramerJS的使用，不必要的解释和说明没有展开。阅读前请精读FramerJS官网的Learn并在阅读中配合官方文档实时查阅。本系列文章将不定期连载，最终制作成电子书，名为《写给设计师看的FramerJS》

1. 不要上传带有Artboard的Sketch文件

Artboard过大可能引起bug，而且会天然限制画幅范围，损失灵活性。FramerStudio上传Sketch文件时，会将Artboard当做Mask，所有在Artboard之外的图层都会被截断。推荐上传文件前将Artboard去除，选择KeepLayers全选所有图层，GroupAllLayers将此Group的xy设为零UngroupLayers。

2. 规范命名并有序管理Groups

遵从良好的命名规范，不仅让操作（指向）变得简单，而且有利于整理细分思路，形成良好的逻辑。FramerJS基于CoffeeScript，细节请移步Melodie写于知乎的答案。

3. 上传后的准备工作

上传完Sketch文件后可以使用$Utils.globalLayersXXXCodeComments来指向图层，但需要输入的前缀较多。可以使用Utils.globalLayersXXX来抛弃一切指向前缀，直接指向所需图层。可以通过FramerStudio的Snippets功能自定义代码片段，提高效率。

下一篇文章将讲解基本的物理操作实现。

本页网址：https://www.xinzhibang.net/article_detail-5465.html

寻求报道，请

关键词

分享至微信：

扎心文案+AI插画=爆款！揭秘8万赞视频的制作全流程

又一个爆款诞生！今天拆解一个账号——@尴尬的老男人，内容很简单，最高一条近8万赞，但平均每条视频都有几百赞！他的视频看似就是几张图片配上一段音乐，却精准狙击用户对“生活氛围感”和“情绪价值”的深层渴望，再加上温暖色调、治愈配乐——每一帧都让人忍不住驻足回味。其实，这种视频的关键就是2个：扎心文案

分类标签

08-12 10:08

三个国外专业免费的调色网站

三个国外专业免费的调色网站无论制作视频、编辑图片，合适的色彩会让你的作品增加视觉冲击力，所以专业的调色技术价值非凡，一部电影或一部好的视频、图片海报，专业调色耗费少则上万，多则上百万，只是大家对专业调色这个行业知之甚少，今天网玩君就为大家分享三个国外专业免费的调色网站，记得收藏好，以后编辑视频、图片

分类标签调色网站免费

04-18 16:42

第六届中国国际工业设计博览会盛况空前

第六届中国国际工业设计博览会于11月30日至12月2日在武汉举行。本届博览会展览面积达2万平方米，参展企业超过300家，其中，参展国家级工业设计中心数量为历届最多。众多国内外行业龙头企业展示了多项“首台套”的硬核实力，为中国制造业向高端化、智能化、绿色化转型升级赋能。中铁宝桥集团展示了多个“国内首条

分类标签中国国际工业设计博览会工业设计创新成果中国制造业

04-18 16:42

知识分享查理芒格思考的独立性与决策的准确性

知识分享查理芒格思考的独立性与决策的准确性本文介绍了成功投资者必须具备独立思考和决策准确性，同时保持谦逊低调的心态，以及成功的关键因素之一——运气。同时，本文还分享了下周市场关注的行业和概念。一、知识分享查理芒格思考的独立性成功的投资者必须具备独立思考的能力，因为只有独立思考才能避免盲目跟风和投资决

分类标签独立思考决策准确性谦逊低调

04-18 16:42

阿里国际发布三款AI设计工具助力中国制造走向全球

阿里国际发布三款AI设计工具助力中国制造走向全球12月1日，在第六届中国国际工业设计博览会上，阿里国际数字商业集团（简称“阿里国际”）发布了3款设计生态工具：堆友、PicCopilot、鹿班AI。这3款产品具有AI绘画、AI模型创作、AI图像和视频处理等功能，用AI设计服务全球商家更轻松的做好本地市

分类标签 AI设计阿里国际数字商业集团

04-18 16:42

ChatGPT Midjourney 文心一言文心一格 bing新必应 Stable diffusion 稿定设计墨刀AI mastergo Adobe Firefly runway