前端开发之网页设计Sketch插件

前端开发中,一个好的设计师的设计稿对于我们在前端开发中会减少很多琐事,一以下推荐几款Sketch 插件 都是为网页设计师所准备,覆盖了不同的设计和开发需求。希望对你们有所帮助!!

1.Sketch Notebook

(是一个非常方便的草图设计插件,安装上之后,工作区域中会多出一个侧边栏,其中包含多种不同的元素,借助这个工具栏,你可以轻松添加或者删除注释、调整位置、管理它们的可见性。)

前端开发之网页设计Sketch插件

2. CSS Buddy(可以让你在你的Sketch 工作区域中为图层添加CSS样式。作为最基本的功能,它可以轻松控制各个元素的宽度、高度、透明度、阴影、边框和背景等属性。)

前端开发之网页设计Sketch插件

3. Material Design Colour Palette Sketch Plugin(一个配色方案生成插件,和许多类似工具一样,一键生成,快捷好用,而且直接可以在工作区中调用。)

前端开发之网页设计Sketch插件

4. Typographic Scale(能够针对特定的文字图层缩放出一组字体尺寸从小到大的文字图层。如果你选中了多个图层的图层组,其中至少要包含一个文字图层,才能生成成功。)

前端开发之网页设计Sketch插件

5. Sketch Measure(这是一个测量插件,需要Sketch 3.0.2以上的版本,除了测量各种距离和尺寸之外,它还可以测量图层的各种属性,并且每个功能都有快捷键支持。)

前端开发之网页设计Sketch插件

6. Sketch.js(一款易用的jQuery插件,这款插件可以生成一个可供访客绘图的画布。)

前端开发之网页设计Sketch插件

7. Sketch DevTools(是一套实用的开发用的工具和程序,以插件的形式安装到Sketch中。由于Sketch本身偏向与UI设计,在网页开发上有明显的短板,而这套插件就正好弥补了这一缺陷。Sketch 中最大的缺陷是没有Debug工具和各种文档的API,而这套工具中正好解决了这些问题。)

前端开发之网页设计Sketch插件

8. Content Generator Sketch Plugin(可以帮你快速生成虚拟数据,诸如用户头像、名称、地理信息等数据,作为内容填充。安装插件之后,你所需要做的就是选择一个图层,然后在菜单中点击 Plugin —Generator ,然后选择 Geo、Persona 或者 Photos 即可。)

前端开发之网页设计Sketch插件

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/surface/4151.html

发表评论

登录后才能评论