![]() You can also export production code from the raw data in your design documents, and grab information about Design System modules directly from the file format. We show you how in the fifth and final article of the series, Open format: using GitHub Actions to work with Sketch documents. Instead you can use CI/CD services, including GitHub Actions, to generate the Library automatically whenever the source of truth changes. Do it all using other toolsĪs a bonus, you don’t have to use Sketch to run these automated tools. We talk about that in more detail in the fourth article of this series, Open format: how to automate the creation of an icon Library. Again, you can automate this process to update the Library whenever you change the original icons. Process a few thousand icons in SVG format, and turn them into a Library. The third article in this series, Open format: how to modify Sketch files programmatically, explains how to do this with a simple example. Quickly generate a Sketch Library including the colors defined in your CSS / Storybook / Design Tokens. The next article in the series, Open format: how to read Sketch files and convert to JSON, explains this in detail. You can reduce the friction in your design handoff process (or even eliminate it) by automating the transfer of knowledge. Use automation to keep your Design Tokens (or production code!) updated whenever your design files change. Here are a few examples - we’ll be diving into some of these in more detail later in the series. So far we’ve talked about open format in theory, and you may be wondering what you and your team can do with it. ![]() The truth is that no matter what size your team is, there’s always room to improve your workflows. There’s a common misconception that automations like these are only useful for large teams or organizations with dedicated design ops teams. sketch documents on macOS, Windows, and Linux, opening a world of possibilities when it comes to continuous integration on your design and development workflows. This lack of dependencies extends to the operating system too. sketch files without having to use the Mac app at all. ![]() In Sketch’s case, you can use our file format tools to work with. Plus, when the proper tooling is available, open file formats allow you to read, create, and modify documents programmatically. Open formats are fundamental to avoid vendor lock-in, and a must if you’re worried about data ownership and freedom of choice. What is an open format?Īn open format allows anyone to read and write documents without worrying about copyright, licensing fees, or any dependency on proprietary tools. If you’re a developer looking for a reference for automation using Sketch’s file format, or for some new challenges to improve the health of your team’s workflow. If you’re a manager looking for ways to maximize your team’s productivity and happiness. Spending less time doing rote work means you have more time for the important parts of your job. If you’re a designer looking for ideas to make your work less repetitive. ![]() First, let’s take a look at how this series can benefit you: For designers In this series, we’ll show you how to use Sketch’s open format to automate and improve your design and development workflows. With an open format, you can automate actions in your Sketch documents without plugins - or even without Sketch. But it’s about more than putting you in control. That’s why our file format is completely open it’s a published spec, so you and third-party tools can read and modify it. At Sketch, we strongly believe that you own everything you create, and we’ve always prioritized putting you in charge of what happens with your documents.
0 Comments
Leave a Reply. |