功能

Draw things in PaintCode.
 You can also import PDF, SVG, PSD, AI and EPS documents.

Get the Generated code. 
Choose Swift, Objective-C, Java, C#, JavaScript or SVG.

Use the code in your app.
Works on iOS, macOS, Android and the web.

系統需求

PaintCode compatible with Mac OS X. 

Tabs & StyleKit
In the middle section below the toolbar, you'll find the tab bar. You can use tabs to organize the drawings in your PaintCode document. Each tab may contain multiple drawing canvases.
The first tab (named "StyleKit") is special and provides you with access to your StyleKit catalog - a collection of drawings, colors,
gradients and other design assets that you can easily export as a single Objective-C, Swift or C# class. StyleKits make it really easy to integrate the generated code into your projects.

Library
Library (left side of the window) is a collection of all your colors, gradients, shadows, images and
variables. All these library items can be easily reused across your document. Library items are entities on their own in PaintCode, and when you change a library item, all drawings that use that library item are immediately affected.

Canvases
The central portion of the application window contains the contents of the currently selected tab. Typically, you'll see one or more drawing canvases in this area.

Code View & Middle Toolbar
The middle toolbar lets you change the code generation settings (such as the target programming language and operating system). It also allows you to change canvas display settings like zoom and pixel density (Retina, non-Retina or Infinite).
The Code View below the toolbar contains the generated code. You can hide the Code View by dragging the middle toolbar. This leaves more room for your drawing canvases, and also improves the performance when dealing with complicated documents.

Shapes & Groups Browser
The shapes & groups browser is located at right side of the window, below the toolbar. This is a list of all shapes in the currently selected canvas. You'll find the canvas itself at the root of this list. When you select the canvas, settings will appear in the Inspector below.

Inspector
You'll find Inspector at the right side of the window. Inspector allows you to change attributes of your selection, typically shapes in your canvas.

PaintCode Plugin for Sketch 外掛程式
Convert your Sketch drawings into Swift or Objective-C

PaintCode 此款 Sketch 插件是一個獨立的產品，不需要 PaintCode也可運行。

PaintCode plugin for Sketch generates a single class we call "StyleKit". All drawings that you choose to export to code are available as methods in this class. 

In your code, you should only use the public interface of this class. This allows you to repeatedly tweak your drawings in Sketch and re-export them at any time. A new StyleKit class will be generated and exported. Because you only use the public API of the class, you won't have to make any manual changes to the generated code to integrate it (or re-integrate it) into your project. 

Generated Methods 

For each drawing you choose to export (be it page, artboard or slice), two methods will be generated. The first method is a simple void drawing method:

影片介紹

如何使用PaintCode插件？
Sketch的PaintCode插件使您可以非常輕鬆地將繪圖導出到Swift或Objective-C中。

如何使用生成的代碼？
將生成的代碼集成到Xcode項目中非常簡單明了。

為什麼使用代碼而不是圖像？
通過使用代碼，您可以使您的應用程序真正獨立於分辨率。不再有1x，2x和3x圖像。