Instructions for importing and exporting files in Sketch

Sketch graphics software provides a very convenient way of importing / exporting files. Do you know how to do it? Let's learn how to import & export files in Sketch.

Import the file into Sketch

The easiest way to import files into Sketch graphic software is to drag and drop them into canvas or dock icons. You can enter:

  • Photos of PNG, JPG, TIFF and WebP bitmaps
  • SVG and EPS files
  • SVG Code (copy & paste code to create new layer)
  • AI and PSD files (limited support, only as a flat layer)

Export file in Sketch

The fastest way to export your work from Sketch is to choose Share> Export ... in the menu or press + + Eto open the Export dialog box . Select the data you want to export, then click Export to open MacOS Save.

Sketch exports everything as PNG in real size (default 1x). To change these settings or export from 2 sizes or formats, you need to set the Export Presets in Inspector.

You can also select any layer in the Layer List and drag it to the desktop to export as PNG (or hold while dragging to export as PDF). Alternatively, you can select a class, then press + E.

Finally, you can export a PDF document with all its Artboards by selecting File> Export Artboards to PDF …. You can choose the order of Artboards exports via Preferences.

How to create and use settings before exporting

To export a layer in a document in different sizes or formats, select that layer> click the Make Exportable panel at the bottom of the Inspector. You will see the pre-export settings here with a few options:

Instructions for importing and exporting files in Sketch
  • Size : Choose a size from the drop-down menu or create your own by typing the number directly in the Size field. Feel free to increase (2x, 3x ...) or decrease (0.5x, 0.25x) the ratio or determine the specific height / width in pixels.
  • Prefix / Suffix:  If you publish your work at different rates, you need to use the drop-down menu to select a prefix or suffix. You can customize them by typing in the text field before (prefix) or after (suffix) the ellipsis represents the file name.
  • Format : Choose a format from the dropdown menu.
  • Remove presets : Click Xto delete this export preset.
  • Add presets : Click +to add other presets for this layer to the export settings.
  • Preset Sets : Click the Preset button to select a set of presets. You can also create new Preset sets and remove them here.
  • Create a layer : Click the knife icon to create a thin layer on the selected layer with predefined settings.
  • Export Selected ... : Click this button to export the layer using the above settings.
  • Preview : The preview window shows you how the layer will look when exported. You can also drag & drop it directly onto another desktop or app for quick export.
  • Sharing : Another quick export option is to click the Sharing button for standard options to share via Mail, Messages, AirDrop ...

How to use Slice

Slice is a type of layer you can draw on a canvas that can export everything inside it as an image. You can select, resize, move, hide or group them together like other layers.

How to insert a slice?

Choose Insert> Slice or click S, then, click & drag anywhere on the canvas to draw a new slice. Alternatively, click on any layer to create a slice around it.

Tip: When creating a slice, give its descriptive name in the Layer List. Sketch will use it as the file name when exporting. If you include the / in the name, Sketch will use whatever is written before it as the folder name, everything behind is the file name in that folder.

Like other layers, you can set multiple output settings as slices.

Customizing slices

Slice has a few special options located at the Inspector. The Trim Transparent Pixels checkbox will delete any empty pixels in the slice around the edges of the content.

If you place a slice in the group, the Export Group Contents Only check box makes sure that any slice export only covers the contents of that slice group.

Check Background Color and select the background color for the slice.

How to export CSS and SVG code

Select from a layer that becomes in the document, Ctrl+ click and select Copy CSS Attributes to copy any style information of them as CSS code to the clipboard. For example, this is the CSS of a simple shape:

/ * Rectangle: * /
background: # 6DD400;
border-radius: 5px;

Copying the SVG code is similar. Select a shape layer, Ctrl + click on it, then choose Copy SVG Code .

Sketch file export format supported

  • Bitmap: PNG, JPG, TIFF, WebP
  • Vector: SVG, PDF, EPS

How to print Artboard or Slice

Choose File> Print> Click Artboard or Slice you want to print.

Above is a basic guide on how to import / export files in Sketch . Hope the article is helpful to you.

Sign up and earn $1000 a day ⋙

TOP best ways to open and read PDF files on your computer

TOP best ways to open and read PDF files on your computer

TOP best ways to open and read PDF files on your computer. How to open PDF files on your computer is not too difficult. In fact, you have many ways to read PDF files. Join WebTech360

Iris in Free Fire: Skills, weapons, skill combos

Iris in Free Fire: Skills, weapons, skill combos

Iris in Free Fire: Skills, weapons, skill combos, Iris is the newest female character in Free Fire OB35, with the ability to break the meta. Here's everything you need to know

What should I do if Netflix is ​​hacked?

What should I do if Netflix is ​​hacked?

What should I do if my Netflix account is hacked? What should I do if my Netflix account is hacked? Here's what you need to know when your Netflix account is hacked.

Tips for using LDPlayer you may not know

Tips for using LDPlayer you may not know

Tips for using LDPlayer you may not know. LDPlayer is one of the most popular Android emulators on computers today. This article will provide it to you

Shortcuts in Blender that users need to know

Shortcuts in Blender that users need to know

Shortcuts in Blender that users need to know. Blender shortcuts help you work faster when designing graphics. Therefore, WebTech360 will synthesize the keys for you

Kahoot hacking tips you may not know

Kahoot hacking tips you may not know

Kahoot hacking tips you may not know, how to hack Kahoot to get answers to difficult questions? This article will suggest you some of the simplest Kahoot hacks.

What is Google TasksBoard?

What is Google TasksBoard?

What is Google TasksBoard?, Google TasksBoard is a new task management app, helping you increase work efficiency. Let's learn with Donwload.vn how to use Google TasksBoard

Is Google Takeout a good data backup option?

Is Google Takeout a good data backup option?

Is Google Takeout a good data backup option?, Google Takeout comes from a line of free services from Google. Google says it will help users download it

Host permissions and how to specify co-host in Zoom

Host permissions and how to specify co-host in Zoom

Host rights and how to designate co-host in Zoom. How to regain host rights on Zoom is not difficult. This article will introduce you to host and reclaim host details

6 steps to become a Pinterest expert

6 steps to become a Pinterest expert

6 steps to become a Pinterest expert, Pinterest is a tool for collecting, organizing, and sharing photos and videos you glean from the Internet. Here are 6

3 ways to edit sunsets in Photoshop

3 ways to edit sunsets in Photoshop

3 ways to edit sunset in Photoshop, Sunset is always a scene that every photographer wants to capture. However, taking sunset photos is not easy. Wear

Convert text to speech online

Convert text to speech online

Convert text to speech online. If you want to listen to the pronunciation on Google Translate or Google Translate, users can download this voice to your computer easily.

(2024) The Best Free Cloning Software for Windows 10/11

(2024) The Best Free Cloning Software for Windows 10/11

Are you looking for the free cloning software for Windows 10? This passage will share you the best free Windows 10/11/7 cloning software in 2024.

Steps to create a new database in Access

Steps to create a new database in Access

Steps to create a new database in Access, Steps to create a new database in Microsoft Access are not difficult. This article will guide you in detail on the steps to build muscle

3 ways to save files better on your computer

3 ways to save files better on your computer

3 better ways to save files on your computer, How to save files on your computer is not difficult. However, what is the best way to save on the computer? Let's find out with Dowload.vn

10 poems for the first day of school in 2023 - 2024

10 poems for the first day of school in 2023 - 2024

10 poems for the opening day of school in 2023 - 2024, TOP 10 short and unique poems for the opening day of the new school year. We invite you to follow along!

Things you should do first when buying a Samsung smartphone

Things you should do first when buying a Samsung smartphone

Things you should do first when buying a Samsung smartphone, Samsung phones contain a lot of applications and settings. Here are the settings you should do when

The easiest ways to create borders for photos

The easiest ways to create borders for photos

The easiest ways to create borders for photos, Adding frames to photos is not difficult and you have a lot of options. This article will summarize for you ways to add frames to beautiful photos

Office 2021 vs. Microsoft 365: Which software is right for you?

Office 2021 vs. Microsoft 365: Which software is right for you?

Office 2021 vs. Microsoft 365: Which software is right for you?, Office 2021 and Microsoft 365 can both meet office editing tasks. So Office 2021

Gemini - Googles artificial intelligence model

Gemini - Googles artificial intelligence model

Gemini - Google's artificial intelligence model, Google launches Gemini - an artificial intelligence model competing with OpenAI's GPT-4, this is an artificial intelligence model