从Sketch App导出到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扩展名文件，则将在您的草图文档在名为“页面”的文件夹中看到与页面一样多的JSON文件。另外，一些BMP会预览与用户和文档信息有关的图像和其他JSON。