Use built-in vector drawing tools to design controls, icons and other graphic elements.
Export a single Objective-C class that contains all your drawings, available as class methods.
All your colors, gradients, shadows and images, ready for reuse across the document.
Define variables, then connect them with shapes in the canvas to create parametric drawings.
Rotate and scale your drawings easily.
PaintCode instantly generates Objective-C or C# code from your drawings.
Use multiple canvases and tabs in a single PaintCode document.
What is StyleKit?
StyleKit is a special Objective-C class - all your PaintCode design assets in a single package.
Export StyleKit class from PaintCode
StyleKit includes all your drawings, colors, gradients, shadows, icons and images.
Use StyleKit in Xcode
StyleKit class has a convenient API to access all the assets you have made in PaintCode.
Super easy integration
You don't even need to look at the generated StyleKit code. No manual tweaks required.
UI design changes now take seconds
By re-exporting the StyleKit from PaintCode, you can instantly change the appearance of your app.
Read our comprehensive documentation, or watch a video tutorial to learn everything about StyleKits.
Create parametric drawings
Use variables to define the position, rotation, visibility and other attributes of your shapes.
LargerAngle = -2 × Angle
Use mathematical expressions to define the relationships between variables.
Drawing method with parameters
Export your drawings as Objective-C methods with parameters. Bring your drawings to life.
Read our comprehensive documentation or watch a video tutorial to learn everything about Variables.
Use built-in vector shapes to draw stunning buttons, sliders, icons and other user interface elements.
Generates Objective-C drawing code in real time. Watch it change and grow. Also supports C# Xamarin.iOS.
Derive new colors, gradients and shadows from existing colors. Use the same color multiple times across your document.
Define how your complex drawings should behave when resized. Draw a resizable button and get a drawing code that can draw the same button to any size.
Import layer graphics, paths, texts and groups from Adobe Photoshop documents. You can also import SVG documents.
Enjoy crisp and sharp drawings, thanks to our smart guides. Perfectly align and position your shapes.
“PaintCode makes a tedious job into a simple and enjoyable process, and is the perfect companion for Xamarin.”
— Xamarin
“PaintCode's developers have spent a lot of effort creating tools tied into the way people craft applications.”
— Erica Sadun, TUAW
“Without a doubt the finest solution to the problem of easily working with interface graphics via code. 10 / 10.”
— Marius Masalar, AppStorm
“The neat thing about PaintCode is that it acts as both a full-featured vector drawing app, and also as a tool for coding.”
— Charlie Sorrel, Cult of Mac
“PaintCode is a tool every busy UI designer and app developer should consider buying.”
— Lukas Hermann, Macstories
“It will pay for itself nearly immediately once you start taking advantage of its features.”
— Marco Tabini, MacWorld