从 Sketch 应用程序导出到 JSON答案

【问题标题】：Export from Sketch App to JSON从 Sketch 应用程序导出到 JSON
【发布时间】：2017-04-20 05:53:20
【问题描述】：

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

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

【问题讨论】：

我自己也在深入研究。你进一步探索了吗？
不，我一直忙于其他项目。那是一个我还没有时间再接触的副业。
看起来我可以导出 JSON。 Sketchtool 还可以从命令行导出 JSON，但它太冗长了——比我需要（或想要解析）更多的信息。我会继续努力，但和你一样，这是一个附带项目，所以我会尽可能地修补。将发布任何启示。
我对这个项目很感兴趣。你做过什么吗？

【解决方案1】：

我也一直在尝试处理这个问题，结果发现有几种方法可以访问 Sketch 中的 JSON 文件。

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

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

【讨论】：

【解决方案2】：

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

【讨论】：