问题标签 [sketch-3]

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 回答
18647 浏览

file-conversion - 是否可以将 .Sketch 文件转换为 .SVG?

是否可以在没有 Sketch 或 DrawIt 的情况下将Sketch文件转换为 SVG?我知道这在理论上是可能的,因为它们都是矢量,但我使用 Windows 和 Linux,所以我没有 Mac 来打开文件。

0 投票
1 回答
9319 浏览

android - 如何将 UI 资产或布局从 Sketch 3 直接导入 Android Studio?

我已经为Sketch 3上的 android 应用程序开发了 UI 和流程。现在,我正在开发那个应用程序。那么,有没有办法直接将布局甚至单独导出assetsAndroid Studio呢?

0 投票
1 回答
66 浏览

ios - 从 Sketch iPhone UI 计算对象的分辨率

我已经为我在 Sketch 中制作的 iPhone 应用程序制作了我的 UI 模型。如何计算 UI 中每个对象的分辨率以及如何将每个组件导出为 .png 或 .jpeg 。所以(例如)在 Sketch UI 中这是一个矩形,如何仅将该矩形导出为图像以及如何获得正确的分辨率(iPhone 4-6 为 326ppi,6 Plus 为 401ppi)

0 投票
2 回答
538 浏览

swift - 自定义地图注释模糊

嗨,我在 Sketch 3 中创建了一个自定义注释,当我缩小它以适应地图视图时,它变得模糊。我该如何解决?

0 投票
1 回答
637 浏览

ios - 将 ImageSets @2x 和 @3x 大小从 Sketch 导出到 Xcode

使用以下代码导出图像,但由于我将文件大小指定为 40 80 120,因此它创建的每个图像都具有相同的大小。应考虑默认图像大小并应创建@2x 和@3x 图像。

0 投票
3 回答
2386 浏览

python - 如何在 Python 中解析 .sketch 文件

如何解析sketch-mac 应用程序.sketch生成的文件?

.psd我知道psd_tools可以用来解析Adobe Photoshop.

0 投票
1 回答
886 浏览

macos - Sketch App 的 Apple 脚本

我正在尝试Apple ScriptSketch.app (com.bohemiancoding.sketch3)编写一个。我想要做的是,创建一些可以从 Sketch 文档在浏览器中呈现的图像文件。

当我打开Sketch.app字典时,Script Editior我看到

所以我考虑TIFF使用以下脚本生成,但它不起作用

我可以使用保存命令创建草图副本,.sketch但不能使用 PDF 或 TIFF。草图是否支持使用苹果脚本的 PDF 和 TIFF?

或者有没有其他方法可以解决这个问题。

更新

我将路径更改为苹果脚本格式并将文档索引设置为 1。现在脚本看起来像这样

但是当我运行脚本时出现以下错误

更新 2

修正错字

但是当我运行脚本时出现以下错误

0 投票
1 回答
1031 浏览

macos - 来自 NSColor 的 RGB 值

我正在尝试读取 osx 颜色列表 (.clr),但无法解释颜色的值。

背景:我正在为一个名为Sketch的设计程序编写一个调色板插件。插件是用cocoascript编写的,它是 JS 和 Objective-C/Cocoa 之间的桥梁。这允许您使用像 NSColor 这样的类

我正在使用此代码来读取文件:

这可行,我可以将颜色记录到 OS X 控制台应用程序。问题是我不确定如何使用输出:

CSS、Sketch 和 Photoshop 中的 rgba 值为

我想也许它只是将范围从 255 缩放到 1。但是当我做数学时,它并没有完全加起来。b 值,例如:

但应该是161。

还有其他方法可以转换颜色吗?

0 投票
1 回答
1353 浏览

twitter-bootstrap - 如何使用 Bootstrap 将我的设计从 Sketch 3 转换为 CSS?

我想了解使用 Boostrap 作为框架的响应式网页设计的工作流程是如何工作的。我特别不确定如何将我的设计从 Sketch 3 转换为 CSS (Bootstrap)。

工具/框架:Sketch 3,Bootsrap
目标:完全响应式网页设计

我目前的理解:

  1. 使用 4 种不同的布局在 Sketch 3 中创建 4 个不同版本的网站

    • 桌面高清
    • 桌面
    • 药片
    • 电话
  2. 引导 + CSS + HTML

    • 分析所有部分(页眉、正文、页脚、侧边栏...)并确定 xs、s、md、lg 列所需的列数
    • 使用所有 4 种不同的网格大小(xs、s、md 和 lg)构建网站的基本结构

我究竟从 Sketch3 导出了什么?
我是否只导出按钮并使用 CSS 构建其余按钮...?
我是否从所有 4 种不同的布局中导出所有按钮?

我想确保它完全响应并且易于维护。

0 投票
1 回答
492 浏览

image - 如何在 Sketch 3 中缩小矢量形状而不损失质量?

我一直在尝试调整徽标的大小并使其适合我的导航栏,但问题是它最初是来自某人的 3932 X 1712 像素的图像。我使用矢量工具对其进行了跟踪,但我需要将整个徽标的大小调整为 108 X 47px。每次我将矢量缩小这么多时,它都会完全失去清晰度并且看起来非常像素化。我尝试缩小一点然后导出它,然后再调整一点,但这最终也会失去质量。我什至将它缩小了一点,然后对其进行了矢量化,但即使是矢量线也被像素化了。很想在我的网站上使用这个标志,这很烦人。帮助!