Importing UI design content 

Bring your design files straight in from Photoshop, Sketch and Illustrator (to name a few) and bring your UIs to life in an interface that's familiar.

Get Free Trial ▸ 

 

Create UI designs in a familiar framework

With Storyboard, you're able to create all of your graphics in the most popular graphic and UI design tools that you already know and love. When you're ready, import them directly into Storyboard and instantly start to see your embedded project coming together within an interface that looks and feels familiar to all graphic designers.

 

 

Crank-Storyboard-Importing-UI-design-files-from-Photoshop

 

 

Easily import designs from Photoshop, Illustrator and Sketch

Don't worry about learning another new tool. You've spent hours perfecting your design, there's no need to double your workload by doing it again. Storyboard’s flexibility to begin editing UI designs and animations immediately saves time in the development process. Simply import your design files from Photoshop, Illustrator or Sketch and get cranking.

See how our manufacturing client cut their development time by 50% ▸

Embrace the design change and iteration process 

Iterations in the design are a common part of the process and can sometimes lead to time delays in order to work with developers and engineers re-coding any progress made on the development side.

The unique, parallel workflow environment of Storyboard allows designers to focus on creating their UI graphics, while developers work on the code and overall system.

Watch webinar on managing iterations ▸ 

Re-import without losing functionality

Making changes to your design in Photoshop, Illustrator or Sketch? You can import them directly back into Storyboard losing functionality. Feedback that requires changes to the design shouldn’t mean extra code. 

Storyboard’s Re-Import tool allows any design and development changes to happen concurrently, without interrupting either’s progress. Updated design files can be placed back into your application, without impacting the behaviour.

Watch video on re-importing design files ▸

Visualize your application with Design States

Whether you’re working with Photoshop, Illustrator or Sketch, you can import your artboards as multiple screens to define your application layout in record time. Seeing your design piece by piece is a crucial step of the design process.

Design States allow you to visualize effects and animations that occur in multiple screen contexts during a key time in the workflow – during the UI design. This visibility provides a streamlined development process, allowing you to efficiently and confidently tweak and fine-tune animations and effects as you design.

 

Add dimensions with 3D content

Add dimensions with artwork that jumps off the screen using 3D elements created using 3D modeling tools. Storyboards 3D support allows you to create your UI design with the functionality and appearance of the end product in mind.

Leverage 3D graphics with Hybrid Rendering ▸

"In the past, adding features to our UIs was time-consuming and could cost up to $100,000 per iteration. Now with Storyboard, we're able to add features more frequently and incorporate design feedback faster because of its design flexibility."
Chief Engineer of Innovation
Industry Leading Manufacturing Company
 

Learn from the experts

Interested in a walk-through of how to use these tools? In our Getting Started with Storyboard Video Series, watch our own graphic designer as he walks you through everything you need to know about Storyboard. Including the full process on how to import design files, and manage design file change.

Watch video tutorials▸

Case study

Manufacturer breaks into new category, with prototype 75% faster than before.

Read more ▸