Sketch】sketch 怎么生成html?

2021-02-24 14:19发布

6条回答
只爱泡泡的哆啦A梦呀
2楼 · 2021-02-24 14:46
1、Marketch 的功能只有一项就是导出画板标注:可以导出 Sketch 中的画板为 html 文件,可在浏览器本地直接访问,可查看所有元素的样式信息,可以复制样式代码和文本,可以导出各种大小的切图文件等。
Marketch 导出标注的主界面
2、选中图片的界面
3、选中文本的界面
4、导出界面也很简洁,将其导出后的文件解压,打开其中的 index.html 即可查看所有标注和切图。


一碗馄饨皮儿
3楼 · 2021-02-24 14:53

快ui插件就可以转html 和vue 代码了

熊晓燕
4楼 · 2021-02-26 09:58
1、Marketch 的功能只有一项就是导出画板标注:可以导出 Sketch 中的画板为 html 文件,可在浏览器本地直接访问,可查看所有元素的样式信息,可以复制样式代码和文本,可以导出各种大小的切图文件等。
Marketch 导出标注的主界面
2、选中图片的界面
3、选中文本的界面
4、导出界面也很简洁,将其导出后的文件解压,打开其中的 index.html 即可查看所有标注和切图。


清屿
5楼 · 2021-02-28 19:44

装个插件就可以了

王胡子
6楼 · 2021-03-05 14:38

使用 Sketch Measure插件

1、执行 Plugin > Sketch Measure > Toolbar 

2、选中待导出部分,创建组件

3、切片。点击“切片”,点击“+”选定需要导出哪几种规格的切片,一般选5套,0.5X,1X,1.5X,2X,3X:

4、导出

5、查看html


相关问题推荐

  • sketch怎么汉化?Sketch 2021-02-24 14:19
    回答 16

    用汉化包汉化

  • 回答 9

    可以装一个电脑管家在电脑上然后打开工具箱,找到软件管理在这里面,可以看到有卸载的功能,上面会显示软件具体作用,接着点击后面卸载就行

  • 回答 9

    是的。原因:1.sketch由于技术底层依赖OS X特有的Core Graphics框架,除非完全重构,不然不可能会有windows版本。2.开发商Bohemian Coding目前只是个20人不到的远程协作小团队。无论是对mac电脑硬件的依赖还是交互形式的依赖目前来说都制约着这款软件的扩展软...

  • 回答 7

    美国的。Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是进行网页,图标以及界面设计的最好方式。但除了矢量编辑的功能之外,Sketch同样添加了一些基本的位图工具,比如模糊和色彩校正。Sketch 软件的特点是容易理解,上手简单,对于有设计经验的...

  • 回答 7

    目前sketch是在苹果mac系统上的设计软件,主要是用来设计移动端和web界面等。

  • 回答 2

    Sketch是很多UX设计师最常用的利器,这是5个常用又容易被忽略的快捷键,帮你把Sketch这把好刀磨得更锋利。1. 复制、粘贴文字/形状样式 (Alt + Command + C, Alt + Command + V)有点像word里的格式刷,按Alt + Command + C复制文字或形状的样式后,可以通过A...

  • 回答 3

    1、花钱买正版2、卸载重新安装3、买个好电脑4、换软件

没有解决我的问题,去提问