Pixelcode is a web-based tool that allows you to upload iOS designs and automatically generate Swift code.

1. Follow our documentation to name components in your designs.
2. Simply upload the designs onto the web app using the Pixelcode plugin.
3. View screens, download functional Swift code, leave comments to clarify anything, and view the up-to-date style guide.
4. Link screens using our Navigation feature so that buttons lead to different screens.

List Views

These are defined by a group with [Name]ListView. There is an optional bound rectangle that defines the wash, and everything else must be inside groups called [Name]Cell

Tab Bars

Tab bars must be in a group with tabBar in its name. Active tab bar buttons must contain activeTabButton in its name. Nonactive must contain tabButton in its name.

Buttons

Buttons within a cell must be labeled [Name]Button

Labels (Text)

Text do not have to be specifically labeled! Just the [Name] is fine.

Images

Images, polygons, paths, circles do not have to be specifically labeled! Just the [Name] is fine.

All Supported Components

Business Inquiries

Support