Paintcode For Sketch 1 0 2 Download Free
PaintCode is a unique vector drawing app that generates Objective-C or Swift code in real time, acting as a bridge between developers and graphic designers. PaintCode - Turn your drawings into Objective-C or Swift drawing code. Painter sketch pad free download. Photo & Graphics tools downloads - Corel Painter Sketch Pad by Corel Corporation and many more programs are available for instant and free download.
Download and install the plugin
- Portable Malwarebytes Anti-Malware Premium 2.2.1.1043 Revision 35.2 Mb Today's cyber criminals build software designed to slip past antivirus programs undetected. Malwarebytes Anti-Malware Premium crushes these threats with innovative technologies designed to defend you while keeping your online experience fast and hassle free.
- PaintCode Plugin for Sketch makes it really easy to export your drawings into Swift or Objective-C. Learn more How to use the generated code? Integrating the generated code into your Xcode projects is simple and straightforward.
- Sketchpad: Free online drawing application for all ages. Create digital artwork to share online and export to popular image formats JPEG, PNG, SVG, and PDF.
First, download the PaintCode plugin for Sketch. To install the plugin:
- Make sure you have Sketch already installed on your Mac
- Simply double-click the downloaded PaintCode.sketchplugin file.
Using the plugin
Open a Sketch document you want to export to Swift or Objective-C code.After successfully installing the PaintCode plugin in the previous step,there should be a 'PaintCode' menu item under the 'Plugins' applicationmenu:
When you click the 'PaintCode' menu item, the plugin's export sheet will appear.You can use the sheet to configure the code export.
Export settings
On the left side of the plugin sheet, you will find a list of all your pages,artboards and slices that can be exported to code. By clicking on the checkboxes,you can configure which drawings should be exported to code. Each drawing willhave its own drawing method in the generated code. It is important that you nameyour slices, artboards and pages descriptively, because these names are used in thegenerated code.
Note that individual artboards can only be exported if they do not contain any slices.Similarly, individual pages can only be exported if they do not contain any artboards or slices.
Moving further to the right, you can choose the platform and the programming languageof the generated code. Currently, we only support Swift and Objective-C on iOS, butmore code generators will be added in the future if there is enough demand for them.
Next, you can fill out the class name, project, author and company. Filling outclass name is important because this will be the name of the exported files, as wellas the name of the class in the generated code. If you don't specify class name,'StyleKit' name will be used by default.
The author, company and project fields are only used for the copyright and authorinformation that is generated at the top of each exported file. These are optional.
Paint Code For Sketch 1 0 2 Download Free Version
Additionally, you can also configure (mainly) formatting settings of the generated codeby clicking on the 'Change Code Settings...' button. A popover with several moreoptions will appear:
Finishing the export
To finish the export, simply click on the 'Export' button and choose thedirectory to which you wish to export the generated code files.
Alternatively, you can also drag & drop the code files directly from theexport sheet.
Advanced tip: Library
You can also use Sketch to create colors, gradients and shadows that will beincluded in the generated code. This will allow the developer to use these colors,gradients and shadows in the actual app easily.
First, create an Artboard and rename it 'Library'.
Next, place a new rectangle inside the Artboard. Rename the rectangle to somethingdescriptive, like 'Primary Color' or 'Company Brand Color'. Then, change the fill colorof the rectangle to the desired color. Alternatively, you can also change the fill toa gradient. Whatever you choose, the fill (be it color or gradient) will become availableto the developer in the generated code.
You can also create a named shadow in a similar way. Create a rectangle, name it,turn off its fill and stroke and set up its shadow. The shadow will also become availablein the generated code.
It is not required that you use rectangles to define these colors. You can also useovals, stars, beziers and polygons. Texts are ignored altogether, so you can use themto document your Library:
The colors, gradients and shadows that you create this way will be automaticallyincluded in the generated code, available to the developer for convenient use.
How to use the generated code
Proof That 1 Equals 0
To learn more about how to use the generated code, please continue reading our second article.