1
Guide pad
Mockup with native iOS widgets
2
Guide animation
Link screens with actions & animations
3
Guide phone
View project like a real app
  • Widgets
  • iOS Widgets
  • Shapes
Widget ipad
Widgets

Native iOS Widgets

Simply pick a widget from the widget library and drop it to your mockup screen, then start customizing widgets using options.

Interface covers almost all iOS widgets (iOS 7 & iOS 8), and it follows the guidelines suggested by Apple when creating widgets to achieve pixel-perfect results.

Shape

Shapes

Shapes are custom widgets developed for Interface. Shapes make it easier for you to create your mockup screen without drawing your own images.

  • Editor
  • Zoom
  • Layout Assistant
  • Inspector
  • Hierarchy Bar
  • Undo Redo

Advanced Editor

Interface comes with a sophisticated editor for rapid prototyping.

Icon zoom
Lite phone

Zoom

Icon layout
Lite phone

Layout Assistant

Icon inspector
Lite phone

Inspector

Icon hierarchy
Lite phone

Hierarchy Bar

Icon undo
Lite phone

Undo / Redo

Zoom
White pad

Zoom

Use the Zoom Panel to zoom in or zoom out your screen.

Zoom in allows more precise widget selection, while zoom out provides an overview of your screen, especially useful when creating iPad screens.

Layout
White pad

Layout Assistant

The smart Layout Assistant helps you align your widgets quickly.

With snapping & clipping support, it is much easier to position your widgets to the right place.

Inspector Inspector 2

Inspector

The Inspector Panel allows you to change attributes of a widget.

Widget attributes are categorized. With features such as Number Pad Popover and Inline Selection, customizing your widget is easy and fast.

Hierarchy
White pad

Hierarchy Bar

Always know where you are with the View Hierarchy Bar.

Use the View Hierarchy Bar to quickly jump between parent widget and sub widgets, and perform actions such as Reorder, Cut, Paste & Duplicate.

Undo
White pad

Undo / Redo

With full undo / redo support, you can always edit your screen with confidence, knowing that you are able to undo your previous edits at any time.

The editor provides full undo / redo support, whether it is removing a widget, changing an attribute or adding an action, you are covered.

  • Custom Editors
  • Text Style Editor
  • Gradient Editor
  • Image Editor
  • Color Editor

Custom Editors

Built-in custom editors allow you to create custom effects and content without leaving the app.

Icon text

Text Style Editor

Icon gradient

Gradient Editor

Icon image

Image Editor

Icon color

Color Editor

Text style
Text style overlay
Black pad

Text Style Editor

Define your text style preset and apply it to supported widgets with the Text Style Editor.

Choose your desired font, foreground color, background color, underline color & more, creating a style is easy.

Gradient
Gradient overlay
Black pad

Gradient Editor

iOS is all about gradients, the Gradient Editor allows you to create graidents with ease, simply choose node colors & angle, and you are good to go.

Interface also includes a collection of iOS 7 & iOS 8 inspired gradient presets for your convenience.

Image
Image overlay
Black pad

Image Editor

Image Editor provides essential image editing functions for rapid prototying.

With support for resizing, shadows, colorize and more, you don't have to leave the app to edit an image.

Color
Color overlay
Black pad

Color Editor

Pick and save your color presets with the Color Editor. With RGB value, HEX value & alpha support, picking the right color is simple.

Interface also includes a collection of iOS 7 & iOS 8 inspired color presets for your convenience.

Try It
Action phone
Action slide 1
Action slide 2

Actions & Preview

Link screens in your project with native iOS animations. With support for different triggers, it is easy to simulate your app's whole flowchart.

Preview your app flow right within Interface, or export the project to a Web Presentation and share it to anyone.

Web

Web Presentation

Share your project with anyone simply by exporting the project to a Web Presentation.

View Web Presentation on a mobile device, it works like a real app, with full action animations support.

Web Presentation can be viewed in all morden browsers.

Web Presentation Demo
Pdf icon
Pdf

PDF Export

Export your project to a multi-page PDF to share with anyone.

With the built-in document sharing feature, you can export PDF to iBook, Dropbox, Google Drive and more, or simply Email to share.

Download sample PDF to see it for yourself.

Sample PDF

Packed with Features

Addtional Feature Highlights

  • Stock Assets
  • Airdrop
  • Image Import
  • Password
Stock asset

Stock Assets

We’ve handpicked a list of high quality stock icons & patterns, installation is just one tap away in the Asset Library panel. ?

You have access to over 5,000 retina ready icons from great providers such as linea & icojam.

Including These Awesome Assets
Airdrop

Sharing with Airdrop

Interface adopts the standard iOS sharing dialog for document & link sharing.

With the sharing dialog you can easily save PDFs and Images to your desired apps, such as Dropbox, Google Drive & more, or share with another iOS device with Airdrop.

Image import

Image Import

It is easy to get your custom images into Interface.

Interface supports Dropbox for loading your custom images, you can also import images from iTunes File Sharing or Camera Roll.

Password

Password

Set a password for your top secret project.

A password protected project requires password to open, edit & export, and the project thumbnail is also hidden. ?

Appstore
Icon phone

Interface for iPhone

Interface for iPhone will be available on early October. (after iOS 8 releases)

Coming Soon
  • Support
  • FAQ
  • Requirements
  • iOS 8 Beta
App Version
Issue
Email
Message
  or Email us directly: support@lesscode.co.nz