how to import sketch layers into principle app

Click the + to add another preset for this layer to your export settings. Click the X to remove this export preset. For more information about these, see File Formats. You can customize this by typing in the text field either before (prefix or in-between) or after (suffix) the ellipses (…), which represents the file name. If you’re exporting at different scales, you’ll need to use the drop-down menu to select either prefix or suffix. You can scale up (2x, 3x, etc.) and down (0.5x, 0.25x) infinitely, or define a specific height or width in pixels (128h or 128w, respectively). Select a size from the drop-down menu, or create your own by typing directly into the Size field. You’ll see the default export preset there, along with a few options to choose from: To export a layer within your document in different sizes or formats and allow people to export assets from the web app, select that layer and click on the Make Exportable panel at the bottom of the Inspector. If you want to download assets and inspect designs from any browser, head to our Developer Handoff documentation. You can choose which order Artboards export in via Preferences. Alternatively, you can select a layer and press ⌘ E.įinally, you can export a PDF with all of your Artboards by choosing File > Export Artboards to PDF…. You can also select any layer in the Layer List and drag it onto your desktop to export it as a PNG (or hold ⌥ while dragging to export as a PDF. To change these settings, or export at two or more different sizes or formats, you’ll need to set Export Presets in the Inspector. The Mac app exports everything as a PNG at actual size (1x) by default. You can click the arrow in the message to jump straight to the folder where your assets are.

Once we’ve exported your assets, we’ll show you a File successfully exported message in the bottom part of the Canvas. Select the items you want to export, then click Export to open the MacOS Save dialog. The quickest way to export your work from the Mac app is to choose Share > Export… from the menu, or press ⌘ ⇧ E, to bring up the Export dialog. AI and PSD files (limited support, only as a flattened layer).

PDF documents (each page will be imported as its own artboard).

SVG code (copy the code and paste it in to create a layer).The easiest way to import files into the Mac app is to drag and drop them onto the dock icon or directly onto the Canvas. Also, learn how to easily import other files into the Mac app. Discover export presets, slices and learn how to export CSS and SVG code from any browser.

How to import sketch layers into principle app