Draw user interface elements with rectangles, rounded rectangles, ovals, stars and polygons.
Use the powerful bezier tool to draw custom shapes for icons, logos and original UI elements.
Create new shapes from the existing ones using some of the built-in boolean operations - Union, Intersection and Difference.
Add text to your drawings. PaintCode helps you pick the right system fonts and sizes.
Group multiple shapes to make more complex drawings. You can also set opacity, shadow and clip shape for groups.
Convert text to bezier curves with a simple two click process.
Pick some of the built-in stroke patterns and adjust the pattern phase.
Import layer graphics, paths, texts and groups from Adobe Photoshop documents. Available as in-app purchase.
Import your SVG drawings from other vector applications.
Export to popular image formats.
PNG, TIFF, PDF Export
Select some shapes in the canvas and press Command + C. The drawing code for your selection will be added to the clipboard.
Selection Code Export
Watch the code change in real time while you are adjusting your drawings.
Realtime Code Generation
Generate drawing code for the best operating systems.
Supports iOS and OS X
Choose between Objective-C (iOS & OS X) and C#/MonoTouch (iOS only).
Objective-C & C#
The generated code is so nice it could have been written by a good human programmer.
Nice & Readable Code
Adjust the drawing origin and the direction of the Y axis at any time.
Adjustable Origin & Flipness
Enjoy a colorful code that is easy to read and comprehend.
Pick your favorite memory management model.
ARC and Retain/Release
Smart Resizable Drawings
Use frames to define how your drawings should behave when they are resized and moved around.
Define the resizing behavior for each control point of your beziers individually.
Group frames with shapes inside them to create a group with custom resizing behavior.
Use real-life photos or patterns in your drawings. You can provide both Retina and non-Retina versions.
Derive new colors from the existing ones using some of the built-in color operations. Watch the derived color change as you adjust its base color.
Create multiple shadows with the same color. Watch all of them change in real time as you adjust the base color.
Derive your gradients from the colors you've already defined. When you adjust some of the colors, the gradients and shadows will be automatically updated, too.
Define colors, gradients and shadows only once, then reuse them across your document. Adjust them later to change the color scheme of your entire document easily.
Use some of the built-in gradient types to achieve more realistic drawings.
Linear & Radial Gradients
Make complex gradients with multiple color stops. Adjust the linearity between individual colors.
Adjust any setting and watch it being previewed instantly. No more guessing and OK buttons!
Realtime Settings Preview
Use our special color picker to create and edit colors conveniently.
Switch the drawing canvas between retina and non-retina preview mode with a single click.
Stop worrying about perfect pixel alignment of your drawings. PaintCode keeps them sharp and crisp for you.
Move the drawing origin around to get different drawing coordinates of your shapes.
User-defined Drawing Origin
Let PaintCode snap your shapes to various points of interest when you are adjusting them.