Sketch goes 3D, finally! Welcome the Vectary 3D plugin

Real 3D mockups and elements are now available for Sketch! Discover the third dimension in your favorite 2D tool.

Download Vectary 3D plugin
Blog cover dark.jpg

We are excited to introduce our Vectary 3D extension for Sketch users as well. Save time searching for a mockup with the right angle. Place your design into photorealistic 3D images and use them in any view you want! 

Set your desired perspective in the actual 3D viewport and place it into the scene with one click. The plugin lets you place pre-defined 3D elements into your design, load a custom 3D object, or place your Sketch design into predefined 3D mockups such as mobile devices, desktops, or other items ready to be branded.

How to install Vectary 3D extension for Sketch

1. Download the latest version of Vectary 3D plugin from www.vectary.com/sketch

2. Unzip it and double-click the vectary.sketchplugin file to install the plugin

3. To run the newly installed plugin, choose Plugins > Vectary 3D in the top menu bar

vectary-3D-sketch-plugin

How to place any Sketch design into a Vectary 3D mockup

  1. Open Vectary 3D plugin in Sketch. Choose Plugins > Vectary 3D in the top menu bar
  2. Choose a 3D mockup. You can click on “Export as frame” to export a customizable template
  3. Select your Sketch frame.
  4. Click the “Use selected frame” button to replace the existing content with your design - it could be a screen of a mobile device, for example.
  5. Customize the mockup perspective: using left click, drag to rotate the mockup or scroll to zoom in.
  6. Click on “Save view as image” to add a render with transparent background to your project.

How to load custom 3D elements

  1. Open www.vectary.com, and either create your 3D object from scratch, import a 3D model, or use millions of assets in the Vectary library.
  2. Go to the Viewer tab and click on “Generate”.
  3. In the Viewer’s format setting, choose a link from the dropdown. Copy the link.
  4. Go back to Figma and open Vectary 3D plugin.
  5. Click on the Load tab and paste the link - your custom 3D design will load.
  6. Customize the 3D design perspective: using left click, drag to rotate the mockup or scroll to zoom in.
  7. Click on “Save view as image” to add a screenshot with a transparent background to your project.

Pro tip: If you want to have a replaceable texture in your own Vectary model in Figma, name the object and its material as “_switchable” before generating the Viewer in Vectary.

Unlock all features in Vectary 3D plugin

Activate your Vectary Premium account to get access to Premium mockups and create 3D design systems for your team.

How to unlock Premium mockups

  1. Buy Vectary Premium
  2. Log in to your Vectary account
  3. Go to your Vectary account settings to generate an access token.
  4. Open Vectary 3D extension in Sketch. In My Models tab, log in to Vectary by entering your access token.
  5. Now you have access to all Premium mockups and elements
galaxy-sketch-3D-vectary

How to load 3D design systems

  1. Create a team on your Vectary dashboard
  2. Create your custom 3D elements from scratch or import them with drag and drop. Vectary supports the import of more than fifty 3D formats. If you want to have a replaceable texture, name the object and its material as "_switchable"
  3. Go to Embed tab and click Generate embed
  4. Go back to your Vectary Dashboard. Drag and drop your embedded project to your team.
  5. Go to your Vectary account settings to generate an access token.
  6. Open Vectary 3D extension in Sketch, to access your personal and team projects. In My Models tab, log in to Vectary by entering your access token.
  7. To share the team projects with your colleagues, invite them to your team dashboard in Vectary.