Importing from Sketch

Whether you're switching from Sketch and want to move all your designs to UXPin or simply want to use UXPin with Sketch for its superb prototyping and collaborative benefits – we're making it very easy. Our Sketch import allows you to quickly import your files, pick up where you left off and edit all layers with all their bits and pieces.

The maximum allowed size for uploaded files is 350mb. If a Sketch file has a lot of objects, you may encounter issues when importing it into UXPin. However, this happens rarely.

Note

Uploading a Sketch file to UXPin requires Sketch 50 or later. To upload a design created in earlier versions, resave it in the compatible Sketch version.

Drag and Drop Files

The fastest way to import your Sketch design to UXPin is to simply drag and drop it inside an open project. The design will be imported as a new UXPin prototype with its Sketch name. If you go back to your original file in Sketch, edit and import it — UXPin will save it as a new prototype. In other words, any following changes won’t overwrite the file you have already imported.

Supported Features

Artboards and pages

To import correctly, your pages in Sketch must have artboards, and these artboards can’t be symbols. They will then turn into separate pages in UXPin. Elements that aren't a part of an artboard on the Layers list in Sketch will not be imported. If an element overlaps or partially overlaps with an artboard and is a part of it — it will be imported.

Symbols

After the import, all Symbols in your Sketch file will become groups.

Text

You can edit the text imported from Sketch. However, make sure that the fonts used in your Sketch file are installed on your computer – otherwise, they will be replaced. We also recommend using the desktop app, especially when importing from Sketch.

Shapes

All Shapes imported from Sketch are fully editable.

Images

All images from your Sketch designs will be imported and you can edit them in UXPin. But remember that the more images you use, the bigger your Sketch file will be and it may take longer for the prototype to preview. As the maximum file size limit for imports is 350 MB, it’s best to reduce the size of large images beforehand.

Compatibility with Sketch

Whenever you import a design from Sketch, you must pay attention to some details. Check the tables below to see which features are partially supported or unsupported.

FeaturePartially supported

Artboards

Artboards import as Pages

Symbols

Symbols import as regular groups.

Symbols that use scale might not be properly imported.

Shapes

Arrows import with smaller heads.

Text

Text elements with applied gradients import as black text elements

Text elements filled with images import as grey text elements

Constraints

Constraints are relative to the parent group or symbol —  not to the artboard.

Fix Width/Fix Height from Sketch if the element isn’t pinned to the edge of a layer.

Shadows

Shadows for text elements look less blurry after import.

Fraction values

Fractions of values in Sketch are rounded to the nearest number after import, with the exception of values for blur and text properties, such as line height, character spacing, and paragraph spacing.

FeatureUnsupported

Fills

Multiple fills

Angular gradient fills default to linear gradient

Blending modes for gradients

Borders

Gradients

Blending modes

Multiple borders

Outside and inside borders

Shadows

Spread

Blending modes

Multiple shadows

Text

The outline effect

Inner shadows for text elements

Exporting from Sketch

Optionally, you can use our Sketch Plugin to export artboards directly from Sketch to UXPin. However, the plugin is an alternative only if you want to send your design for review as all artboards will be flattened and all your layers will be imported as image files.

Installing the plugin

To download the most recent version of the plugin, open the Integrations tab in the Account Settings. Next, click Get plugin button, double-click on the downloaded file and follow the regular installation process. Please note to use the .zip format.

You can also download the latest version here.

Importing Sketch files

To import your designs, go to Plugins in Sketch, choose UXPin and select one of the options. You can export selected artboards or the entire design at once. You will also be asked to log in if you haven't already.

Then, define which project you want to export your design to and choose the prototype. You can choose from existing prototypes in your account or create a new one. It will have the same name as the Sketch file.

There are two ways to export the design:

  • If you want to use hotspots and transitions on your prototype, or share with others so that they can access information about measurements or colors in Spec mode, then check the Flatten artboards but export specs for each layer checkbox.
  • If you want to animate layers separately, don’t select the checkbox. The layers structure will be preserved, but the export may take a bit longer.

Click Export design, and then when the export is finished, click Open in UXPin to open the project.

If you have access to multiple UXPin accounts, you can choose where you want to export your files by clicking Choose UXPin account from the dropdown in the plugin. Select the account and confirm with Choose.

Updating prototypes

Every time you update some parts of your design in Sketch, you can sync these changes to UXPin — we’ll preserve all the previously created interactions and changes already made. If you're updating a prototype with interactions, make sure that the Flatten artboards checkbox is not checked.

To resync, simply export the design again. Remember to select the same prototype and the same export type that you’ve used before to update the prototype automatically. The previous version of the prototype will be saved as an iteration, so you’ll be able to preview, edit and restore it if needed.