Sketch常用插件及操作 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

Sketch常用插件及操作技巧

SketchI18N 中文化插件 Runner中搜索SketchI18N安装即可 Kitchen（推荐）阿里团队开发的一款为设计者提升工作效率的 Sketch 工具集。...便捷操作插件。 ? 官网地址：http://www.fancynode.com.cn/flavor 蓝湖设计规范云（推荐）官网地址：https://lanhuapp.com/dsm?...自动排版的插件官网地址：https://github.com/DWilliames/paddy-sketch-plugin 相关文章：《三步让你的Sketch 学会自动排版插件：Paddy》行高修复...这个插件的的目的是去除Sketch上IOS所有文字的多余行高，即行高 = 平方字体的文字高度 Miaow 一个强大的 Sketch 插件合集，由微信设计团队量身打造，让设计师和开发者更佳高效的使用...操作技巧尽量用多画板，不要用多页面，除非两批页面的关联性不大因为所有的插件都没法导出所有的页面，而是导出某页面的所有画板用画板能够查看页面之间的跳转关系 Cmd+1 整个页面缩放至合适尺寸

2K3 0

Sketch的插件管理

写在前面这篇文章我们说一下sketch的插件的介绍和基本使用，sketch本身的功能已经非常的强大了，但是国外的很多大神还是开发了很多插件进行更方便进行UI的设计，今天就带大家看一下怎么安装插件和卸载插件...插件管理 ?...获取插件 ? 选择全部插件 ? 选择一个点击下载 ? 安装插件 ? 提示成功 ? 使用插件 ? 卸载插件 ?...注意的点插件的网站是国外的，需要梯子才可以很多的插件不是及时生效的，需要我们重启软件才可以！...插件的管理基本就到这了，sketch也基本上都说完了，下一篇看看吧，有时间的话，我做一个比较全的Demo，没有时间的话就算了！

7851 0

您找到你想要的搜索结果了吗？

是的

没有找到

Sketch 插件开发指南

背景先抛个问题，众所周知，Sketch 是 UED 设计工具，大多数 Sketch 插件都是用于提升设计人员工作效率。那么，作为前端研发的我们为什么要学习 Sketch 插件开发呢？...使用脚手架模板创建插件 skpm create --template= 常用的脚手架模板 skpm/skpm (https://github.com...主要包含以下五个模块： // 访问和修改 Sketch 文档 import SketchDom from 'sketch/dom'; // 处理异步操作。...，使内容在整个设计过程中随时可用 import DataSupplier from 'sketch/data-supplier'; // 常用的UI操作，例如：展示 message/alert 提示信息.../test-file/test.sketch，其图层元素结构如下：通过 DevTools 插件快速查看 sketch 文件的元素结构，直接对元素属性进行操作即可。

2.1K1 0

sublime 3及常用插件

eqid=ed8e37ab0006abb800000002593bf5c2 http://www.cnblogs.com/EnSnail/p/6294897.html 2、官方下载sumblime 3及安装...Package Control，下载emmet插件 http://www.sublimetext.com/3 http://www.cnblogs.com/tinyphp/p/3217457.html...3、emmet常用缩写官方地址：http://docs.emmet.io/cheat-sheet/ 我导出了pdf版，需要的同学可以下载：链接：http://pan.baidu.com/s/1eQ74eSM...Ctrl+Alt+A和QQ截屏冲突，可设置其他快捷键如：Ctrl+Shift+Alt+A；先选择要对齐的文本 5、SublimeCodeIntel SublimeCodeIntel 作为一个代码提示和补全插件...可以通过安装插件GBK Support,来识别GBK和ANSI。

5.3K3 0

IDEA常用设置及推荐插件

本文主要记录IDEA的一些常用配置，IDEA与Eclipse的常用快捷键对比及推荐一些好用的插件。基本设置设置界面风格及修改外部UI尺寸大小 ?...抽取变量 shift+alt+m ctrl+alt+m Refactor->Extract->Method 抽取方法 alt+左箭头 ctrl+alt+左箭头 Navigate->Back 回退上一个操作位置...alt+右箭头 ctrl+alt+右键头 Navigate->Forward 前进上一个操作位置 ctrl+home ctrl+home Move Caret to Text Start 回到类最前面...alt+/ ctrl+space Code->Completion->Basic 提示变量生成 ctrl+1 alt+enter Other->Show Intention Actions 提示可能的操作...由于IDEA本身就自带很多插件，可以完成大部分需求，这里就推荐两个本人常用的插件。

1K3 1

深入浅出 Sketch 插件开发

还可以定义插件提供的命令，比如显示插件的工具栏，执行某些图层的操作等。Sketch 会在插件被加载时初始化菜单。下面这个例子就表示用户在菜单栏点击切换工具栏就会显示 TeaMaker 的工具栏。...，下面的文件上传也会基于这个操作来进行，具体到我们插件打包这里，文件名称需要注意下，最好带上插件的版本号。...在 Sketch 插件开发过程中，调试工作是非常重要的一环，特别是涉及到对 Sketch 文件的相关操作以及要用 CocoaScript 来访问内部 Sketch API 和 macOS 框架底层 API...Objective-C 使用方法 Sketch 官方封装了一套 JS API ，但提供的功能很有限，只能够对 Sketch 文档进行一些常规的操作：Sketch 中的 Document、Artboard...功能开发像这样关于数据操作的功能开发，很适合先使用 Sketch 自带的运行脚本的功能来开发核心的功能，核心功能跑通后，再来整合到插件中，来提高插件开发效率。

1.9K5 0

Grunt常用插件及示例说明

下述给出了常用Grunt插件，并列举了部分插件示例：插件名称说明 Github地址 grunt-contrib-clean 清空文件和文件夹 https://github.com/gruntjs...grunt.initConfig({ config: config, pkg: grunt.file.readJSON('package.json') }); /* 加载所有插件

6053 0

前端VSCode常用插件及安装

VSCode的功能如此强大，这与它们的插件密密相关，插件的安装起来超级简单，种类繁多，这给我们开发人员提供了很好地的便利。...但是新手学习期间不需要安装许多插件，这里我来给大家介绍一下新手学习前端常用的插件吧。...一、常用的插件 1、Chinese (Simplified) 汉化　　这是一个把英文转换为中文的插件，一般下载软件后我们第一个要安装的插件，方便我们看软件整体的界面。...二、如何安装插件　　我以安装第一个插件Chinese (Simplified)为例　　1....、点击左侧的一个类似正方形的拓展按钮　　2、在搜索栏里找到我们想要的插件，然后选择插件点击安装install 　　3、安装好后选择restart重启　　4、等待重启后插件就安装好了以上是我个人的分享及方法

6853 0

Grunt常用插件及示例说明

下述给出了常用Grunt插件，并列举了部分插件示例：插件名称说明 Github地址 grunt-contrib-clean 清空文件和文件夹 https://github.com/gruntjs...grunt.initConfig({ config: config, pkg: grunt.file.readJSON('package.json') }); /* 加载所有插件

1.3K6 1

携程机票Sketch插件开发实践

Sketch 社区著名插件 Sketch Measure，它将设计稿和数据参数导出 HTML 网页，供技术人员查看，节省从设计到开发过程的沟通成本。...运行以上代码，将在 Sketch 文件下方区域显示Toast：Hello, world，该 Script 面板常用于快速测试脚本API。...Sketch 插件系统开放了几乎所有权限，让许多天马行空的想法可以实现。但是插件开发者需要及时关注 Sketch 版本升级，其向下兼容性较差，或者说官方团队并不重视这部分。...3.3 Actions API 用于监听用户操作行为和触发的事件。据社区消息，该API未来会被新的 Events API 替代。...3.15 Webview GUI Webview 与 Plugin 之间需要实现双向通讯互操作。

1.7K1 0

Linux – 常用操作及命令

Linux下常用的操作文件定位 locate filename 有些linux版本会出现 -bash: locate: command not found 错误，安装一下 mlocate 包即可解决...path2　　--把path1文件夹移动到path2文件夹下 rm -rf path　　--强制删除path文件夹 zip -r wwwroot.zip wwwroot　　--把wwwroot下的所有文件及文件夹打包到...wwwroot.zip unzip wwwroot.zip　　--解压缩wwwroot.zip 清屏 clear:刷新屏幕，本质上只是让终端显示页向后翻了一页，如果向上滚动屏幕还可以看到之前的操作信息。...reset:完全刷新终端屏幕，之前终端输入操作信息将都会被清空，这样虽然比较清爽，但整个命令过程速度有点慢，使用较少。值得一提的是reset命令在你的终端控制错乱时非常有用。

1.1K2 0

【图文详解】canvas插件安装方法及常用插件推荐

在使用canvas的过程中，插件可以满足许多拓展的功能需求，今天，小九整理了全面的插件安装方法和canvas插件推荐~ Canvas 怎么安装插件？...通过BigBlueButton为例，步骤如下：登陆 Canvas 站点通过URL：http://域名/plugins 或 http://服务器公网IP/plugins, 进入插件选择页面选择您要安装的插件...，点击安装在插件安装页面，去掉勾选【禁用此插件】，输入相关引导信息，点击【申请】安装插件前后，页面已经发生变化（课程中追加了BigBlueButton对应的会议功能）插件推荐 KineticJs...photomosaicjs——图片马赛克插件。 Fabricjs——功能强大的绘图插件。 QRCanvas——优秀的二维码生成插件。

2.3K2 0

python 列表特点及常用操作

> b [[1, 2, 3], 10] >>> id(b) 46944392836376 >>> b[0]=5 >>> b [5, 10] >>> id(b) 46944392836376 二、列表的常用操作...:4:1] [1, 2, 3, 4] >>> a[-1:-4:-1] [7, 6, 5] >>> a[1:] [2, 3, 4, 5, 6, 7] >>> a[1::2] [2, 4, 6] 2、添加操作...>>> A = [1,2,3] >>> A[0]='python' >>> print A ['python', 2, 3] 4、删除操作： Del ：我们通过索引删除指定位置的元素。...xrange: 它是生成一个xrange对象. xrange的用法： 1、当我们需要操作一个非常大的数据，而且内存比较吃紧的时候，我们可以用xrange来操作省内存。...xrange的数据是取的时候才生成，而range是一次性生成好 2、xrange一般用在循环里面，比如我们只需要操作部分数据的话，而不是返回全部元素来完成操作，推荐用xrange,效率更高。

1.1K3 0

Sublime Text 3安装及常用插件安装

##三、Sublime3插件配置 1.直接安装安装Sublime text 3插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->　　Browse Packages...5.用Package Control安装插件的方法：按下Ctrl+Shift+P调出命令面板输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。...方法介绍完了，接下来进入今天正题，一些有用的Sublime Text 3插件：注意：安装插件时保持网络畅通，避免插件由于网络原因奔溃 1....支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件，是少数支持sublime text 3的后缀提示的插件，HTML5标签提示sublime...JSFormat JS代码格式化插件。使用方法：使用快捷键ctrl+alt+f 6.

1.3K1 0

设计师编程指南之Sketch插件开发 6

往期文章索引： 1 / 入门基本概念、page的相关操作 2 / artboard 、NSFileManager 和 NSString 关于文件及文件夹的相关操作 3 / DIY一个Sketch插件，生成猫猫狗狗的全家福...4 / NSPasteboard 、text 的操作 5/ Shape 的一些操作，主要介绍 line 及 rect 上一期主要介绍 line 及 rect ，这期介绍 curve 。...sketch 的 curve 是通过 NSBezierPath 绘制的，通过3个点（每个点是一个 NSMakePoint 对象），绘制一条 bezier path 。

7246 0

设计师编程指南之Sketch插件开发 2

Sketch 是 Mac 系统才有的软件，可以理解为精简版的 PS ，比 PS 更适合 UI 设计，Sketch 插件开发的语言是类 Javascript ，而 Sketchup 是一款三维建模软件，...完成 Sketch 的插件开发指南这个系列，我也会开始写 Sketchup 插件开发指南。...本期介绍 artboard 、NSFileManager 和 NSString 关于文件及文件夹的相关操作。 1 新建 artboard 新建一个 artboard ，并设置其位置，宽、高。...; artboardFrame.setWidth(100); artboardFrame.setHeight(100); page.addLayers([newArtboard]) 2 文件及文件夹相关的操作...从这个角度看，网上随意装的 sketch 插件并不一定安全，有可能代码里就会有删除文件夹的命令，或者窃取文件的命令。 sketch 插件的权限还是很高的哦～用代码删除文件啥的并没有什么提示。

1.5K10 0

设计师编程指南之Sketch插件开发 5

往期文章索引： 1 / 入门基本概念、page的相关操作 2 / artboard 、NSFileManager 和 NSString 关于文件及文件夹的相关操作 3 / DIY一个Sketch插件，生成猫猫狗狗的全家福...4 / NSPasteboard 、text 的操作这期介绍 Shape 的一些操作，借助 Shape 可以实现更复杂的设计啦。...1 基本的概念 sketch 的 shape 是基于 MSShapeGroup 和 NSBezierPath 这两个类构成的。...在 sketch 的插件中，画布就是 MSShapeGroup ，画笔就是 NSBezierPath 。 NSBezierPath 类，就是贝塞尔路径，是用一系列直线和曲线来描述图形的对象。...，高为200的矩形： var rect=NSMakeRect(200,200,100,200); 然后，绘制矩形： ctx.appendBezierPathWithRect(rect); 最后，要在 sketch

9516 0

Vim编辑器及常用操作

编辑器常用快捷键 Vim 编辑器中设置了 3 种模式—命令模式、末行模式和编辑模式，每种模式分别又支持多种不同的命令快捷键，这大大提高了工作效率，而且用户在习惯之后也会觉得相当顺手。...要想高效地操作文本，就必须先搞清这 3 种模式的操作区别以及模式之间的切换方法。命令模式：控制光标移动，可对文本进行复制、粘贴、删除和查找等工作。输入模式：正常的文本录入。...命令模式常用命令命令作用 dd 删除（剪切）光标所在整行 5dd 删除（剪切）从光标处开始的 5 行 yy 复制光标所在整行 5yy 复制从光标处开始的 5 行 p 将之前删除（dd）或复制（yy）...过的数据粘贴到光标后面 u 撤销上一步的操作末行模式常用命令命令作用：w 保存：wq 保存退出：q 退出：q!...可以把 Yum 或 DNF 想象成是一个硕大的软件仓库，里面保存有几乎所有常用的工具，而且只需要说出所需的软件包名称，系统就会自动为您搞定一切。

1.1K2 0

【MongoDB】mongodb安装及常用操作命令

logpath 日志文件路径 --master 指定为主机器 --slave 指定为从机器 --source 指定主机器的IP地址 --pologSize 指定日志文件大小不超过64M.因为resync是非常操作量大且耗时...二、Mongo中常用命令 [root@snails ~]# ps -ef|grep mongod [root@snails ~]# mongo --host=127.0.0.1 --port=27017...> db.help() #显示数据库操作命令，里面有很多的命令 > db.foo.help() #显示集合操作命令，同样有很多的命令，foo指的是当前数据库下，一个叫foo的集合，并非真正意义上的命令...db.version() #当前db版本 > db.getMongo() ＃查看当前db的链接机器地址 > db.serverStatus() #查看数据库服务器的状态三、Shell中的基本操作...注意：use操作同时可以创建数据库，如果use+一个不存在的数据库名，则use执行后，MongoDB会创建对应数据库。 4.

1.3K2 1

Python的常用库的数组定义及常用操作

但是我们在实际处理气象上常见的nc数据时，还是离不开xarray、pandas、netCDF4，这些常用库的。

1.6K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭