问题标签 [sketchapp]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
5679 浏览

sketchapp - 从 Zeplin 将资产导出为 jpg

这似乎是一个愚蠢的问题,但是......如何从 zeplin 以 jpg 格式导出?我什至尝试在对话框草图中将格式 png 更改为 jpg,当我将画板导出到 zeplin 时,仍然可以选择导出为 PNG

0 投票
1 回答
455 浏览

dropbox - 使用 Dropbox 和多个用户绘制草图

我正在使用 Bohemian Coding Sketch 来设计网站。我所有的文件都在 Dropbox 中,并与一个团队(另一位设计师)共享。大多数时候,我们一起处理相同的文件——一个在编辑,另一个在观看和讨论。我认为这是当今非常普遍的情况。

当文件被另一个更改时,它们会被 Dropbox 在我的磁盘上更改。在那之后事情变得更糟。Sketch 给出了这个警告:

在此处输入图像描述

我做出的任何选择都是错误的,因为:

  1. 还原更改。这并不意味着“恢复到磁盘上的文件”。它实际上意味着“恢复到文件状态,即您上次打开文件时的状态”。
  2. 节省。意思是“用其他设计师的更改工作覆盖”。
  3. 取消。意思是“什么都不做”

因为当我关闭 Sketch 时会打开这个对话框,所以我别无选择,只能用脚射击自己。

有人有解决方案吗?一种建议是从共享文件夹复制文件以查看它们,这可行但闻起来很时髦......

0 投票
1 回答
207 浏览

javascript - 如何在 Sketch 插件中使用 setImage

我目前正在编写一个 Sketch 插件。

我正在做这样的事情:

控制台输出:setPatternImage: 已弃用。使用setImage:而不是 MSImageData «Scripting Legacy»

我该如何解决这个问题?这会导致崩溃。

提前致谢。

0 投票
5 回答
4024 浏览

html - 如何处理带有 ID 的 Sketch 导出的 SVG

我想在我的页面中使用 svg 图标。与我合作的设计师使用 Sketch 设计图像并将结果导出为 svg。Sketch 将各种id标签添加到导出的代码中(注意id="Page-1",id="My-Star"id="Star-1"属性):

我将 svg 直接包含在 html 中。通过这样做,我id多次介绍相同的内容。除了这种工作方式导致的无效 html 之外,我还需要基于ids 设置 svg 元素的样式。这是一个不好的做法。

我使用 css 来设置 svgs 的样式,看一个例子

问题:从 Sketch 导出 svg 时,
有没有办法id用 es 替换 s ?class我可以给设计师一些插件或设置吗?如果不是,从设计师那里接收 svg 资产并在页面中使用它的最佳工作流程是什么?

0 投票
1 回答
474 浏览

interactive - 使 SketchApp 页面具有交互性并链接到其他页面

我之前偶然发现了这种能力,但找不到它来挽救我的生命。我做了研究,找不到任何相关的帮助。

我之前所做的是我有几个不同的页面,每个页面上都有一个按钮。我想让这些按钮链接到其他页面。我之前又一次错误地做到了这一点。

0 投票
1 回答
568 浏览

gulp - 图标字体符号中的路径方向

我正在使用此工作流程制作图标字体:

  1. 使用 Sketch 应用程序设计图标
  2. 使用 gulp-sketch 生成 SVG
  3. 使用 gulp-iconfont 生成图标字体

结果在 OSX 浏览器中看起来不错,但在其他浏览器中图标看起来很糟糕(至少在 windows 和 android 上的浏览​​器)。

我不知道在 Sketch 文件或其他地方的哪一步是错误的。

先感谢您。

理解这个问题的资源:

这是草图应用程序文件的屏幕截图。所有路径都被展平并很好地组织成一个组合形状:

在此处输入图像描述

这是windows10+explorer中resut的截屏:http: //contraindicaciones.net/secciones/

在此处输入图像描述

这是 OSX+Firefox 中结果的截屏:

在此处输入图像描述

这是整个 gulpfile.js:

0 投票
1 回答
2535 浏览

sketch-3 - 草图,如何切割形状?

我正在使用 Sketch 创建徽标。我有 3 种形状(圆形和方形组合为拳头 2 种形状),我想彼此相邻排列(见下图)。我将如何切割覆盖形状以使下面的形状不显示额外的“位”?

概念

提前致谢。

0 投票
2 回答
2833 浏览

android - 在开发应用程序时如何在我的 android studio 中使用这些 Material Design UI?即.sketch文件

请帮助我如何在 Eclipse 或 Android Studio 中使用我的 Android 应用程序中的草图设计的 UI。

.sketch 格式的草图文件

0 投票
0 回答
70 浏览

ios - Sketch 3 iOS UI 设计与实际设计不同步

我是 Sketch 的新手,面临一些问题。从下面的图片中可以看出,当我使用Sketch默认 iOS UI 设计中的符号时,为什么它看起来比Actual. 例如,它Navigation Bar看起来Bottom Bar比许多应用程序甚至苹果应用程序中实际看到的要小。我正在使用画板尺寸为 375 x 667 的 iPhone 6 平台工作。

其次,我也在开发 iPod Touch。因此,我是否需要重新创建所有设计以适应 iPod Touch 环境?任何帮助将不胜感激,谢谢。

从 Sketch 使用默认的 iOS UI 设计:

从 Sketch 使用默认的 iOS UI 设计

实际的:

实际的

0 投票
1 回答
294 浏览

javascript - Sketch 3 插件更改画板颜色

所以我似乎找不到改变艺术板背景颜色的方法。

这就是我目前只是缺少设置颜色的方法。

这个指向草图参考的链接可能会有所帮助(对我没有帮助) http://developer.sketchapp.com/reference/class/