Export to Unite UX Sketch

To export a snapshot of the page from Unite UX Studio, use the MetaBridge metadata format and import it in the Unite UX Sketch design tool. For the Beta version of Unite UX the export action will create only the image with the view that is created by the developer in the resolution of the Sketch Artboard from which the view is created.

To export a snapshot from Unite UX Studio:

  1. From the Studio Toolbar menu, click the Open Page Preview button.

    Open Page Preview

    As a result, the Studio opens a window with the hosted application and the loaded selected view.

    Page Preview

    If the dev server is started when the view is open in the page, the preview uses the same dev server. If the server is not started, the Studio will generate the application, start the server, compile the Angular application, and open the page in preview mode.

  2. Click Capture View button which is displayed when you move the mouse to the bottom of the Preview window. The page Preview window will be resized to the width and height of the Artboard from which it is created and a snapshot will be taken. The snapshot will be saved next to the view metadata file.

    File System

In this article
Not finding the help you need?

Unite UX direction is evolving!

Dear friends, after gaining plenty of great experience and feedback through working with you, our direction evolves to better serve your needs. Our mission to bridge the design to development gap remains unchanged. The way to solve it, though is new. Visit our webpage to meet the new Unite UX: The collaborative design to development UI components builder.

Explore the New Unite UX