json - 从 Sketch 应用程序导出到 JSON

Question

我希望能够将图层名称和属性从 Sketch 导出为 JSON 格式。我想我可以弄清楚如何从 Sketch 中提取我需要的信息，但我还没有开始编写任何代码，因为我无法找到有关此导出问题的任何信息。

我想知道是否有人可以帮助确认 Sketch 只能导出其支持的格式，或者是否可以导出为 JSON。我不想潜入这个项目只是为了发现我不能得到一个 JSON 文件。

Answer 1

我也一直在尝试使用它，结果发现有几种方法可以访问草图中的 JSON 文件。

1. 使用 npm 包sketch2json

2. 原来，如果你解压 .sketch 文件，里面隐藏着一个 JSON 文件。

   unzip sketch-header.sketch

这将创建一个名为“pages”的文件夹，其中包含 .json 文件。要获取“图层名称”，您只需将 .json 文件读取/序列化为字符串，然后收集图层名称的路径为

const obj = JSON.parse(fileString);
object.layers.forEach((layer) => {
    console.log(layer.name);
});

Answer 2

如果您将 .sketch 扩展文件重命名为 .zip 扩展文件，您将看到与您的草图文档在名为“Pages”的文件夹中的页面一样多的 JSON 文件。还有一些 BMP 预览图像和其他与用户和文档信息相关的 JSON。