# Intuitive UI ## 1. Startup interface Just click the Drawtify Designer icon to easily wake up the startup interface. Provide 4 categories (Print, Web, Device, Social), dozens of standard sizes. Can help you start the design more quickly. Of course, you can also customize the start.
Start interface of Drawtify Designer
## 2. Intuitive function partition The Drawtify Designer operation interface is divided into 6 functional areas in accordance with humanized usage habits. They are: 1. Toolbar 2. Toolbox 3. Inspector (Property bar) 4. Canvas 5. Canvas zoom controller 6. Multi-page document editor
The design interface of Drawtify Designer
### 2-1. Toolbar **The toolbar of Drawtify Designer, from left to right, the first and second areas are:** * **2-1-1. Text input tool** * **2-1-2. Smart Shape drawing tool** (including smart drawing of 9 common shapes) * **2-1-3. Pen tool** * **2-1-4. Pencil tool** * **2-1-5. Image import tool** * **2-1-6. Tools** (Design plug-in, including QR code generator, Barcode Generator, Chart drawing tool, Map generation tool) * **2-1-7. Group** * **2-1-8. Lock** * **2-1-9. Delete** * **2-1-10. Layer** (include Forward, Backward, Bring Front, Put Back) * **2-1-11. Alignment** (include Top, H-Center, Left, V-Center, Right, Isometry-H, Isometry-V, Same-W, Same-H) * **2-1-12. Boolean operation** (include Unite, Subtract, Intersect, Exclude, Divide)
The toolbar of Drawtify Designer
#### 2-1-13/14.Easy-to-use animation editor and playback preview The animation editor of Drawtify Designer includes: 27 basic movement instructions and 14 text movement instructions.
Drawtify Designer's animation editor and playback preview
#### 2-1-15/16/17/18/19. Save, preview, download, animation output, print Drawtify Designer supports saving and re-editing in a proprietary format (.drawtify). Support black and white background for preview. Support high-definition download. ### 2-2. Toolbox **In the Mac & Windows version of Drawtify Designer, the toolbox has 8 contents from top to bottom. They are:** * **2-2-1.Layer List** **.** It can quickly realize object hiding, locking and sequence adjustment. Object thumbnails have been added to make it easier to find. * **2-2-2.Element** **.** Drawtify Designer has built-in thousands of design elements, and there is no copyright issue and can be used freely. * **2-2-3.Icons** **.** Drawtify Designer has built-in tens of thousands of icons & shapes. There is no copyright issue and can be used freely. * **2-2-4.image** **.** Drawtify Designer has built-in millions of high-definition photos, vector diagrams, illustrations, and PNG images. There is no copyright issue and can be used freely. (thanks to Pixabay, [Unsplash](https://unsplash.com/)) * **2-2-5.background** **.** Drawtify Designer has built-in tens of thousands of high-definition texture backgrounds and picture backgrounds. There is no copyright issue and can be used freely. * **2-2-6.Palette** **（coloring scheme）.** Drawtify Designer has built-in 200+ color schemes, which can be used freely. * **2-2-7.Tools** **（Design plugin） .** * **2-2-8.**[**Tutorial**](https://drawtify.com/tutorial/) **.**
Drawtify Designer's Toolbox
### 2-3. Inspector (Property bar) **In the Mac and Windows versions of Drawtify Designer, the inspector is further divided into 6 contents. they are:** * page * Style * Position * Text * Shape * image #### 2-3-1. Page: The page inspector mainly includes: * Set canvas size, unit, direction * Preset Sizes * Grid Type * Print bleed * Background (color setting) * Editable SVG file import
Drawtify Designer's page inspector
#### 2-3-2/3/4. Text inspectors mainly include: * **Style.** Including: color filling, outline, transparency, node filter, blending mode). * **Position.** Including: coordinate adjustment, size adjustment, rotation angle, and horizontal flip and vertical flip. * **Text.** Including: font selection, font size, word spacing, line height, alignment, underline, uppercase and lowercase conversion, numbering, text box. And the **Text Path** (including: Path presets, Edit path, Path add text, Path include text) and **Convert Text To Shape** (support 3D editing, and shape editing, etc.).
Drawtify Designer's Text inspector
#### 2-3-5. Shape inspectors mainly include: * **Style.** Including: color fill, outline, transparency, node filter, blending mode. * **Position.** Including: coordinate adjustment, size adjustment, rotation angle and horizontal flip and vertical flip. * **Shape.** Including: **Smart settings** (adjust the value), Convert To Path, Edit Path. and **3D Extrude** (including: Depth, Angle, Line width, Line color, Perspective). Path To Outline, Split Path, Reverse Path.
Drawtify designer's Shape inspector
#### 2-3-6. Image inspectors mainly include: * **Style.** Including: transparency, node filter, blending mode. * **Position.** Including: coordinate adjustment, size adjustment, rotation angle and horizontal flip and vertical flip. * **Image.** Including: Image Filter, Mask Resize, BG Removal, Path Add To Image.
Drawtify Designer's Image inspector
### **2-**4/5.Canvas & Canvas zoom controller The canvas can be zoomed between 10% and 1200%. Then click to fit the page to fit the width. To zoom in to adjust the details, or zoom out to see the whole image.
Drawtify Designer's Canvas & Canvas zoom controller
### 2-6. Multi-page document editor Multi-page editing is a very useful design feature. For example, one-click of show double pages, first-page isolation, move up, move down, etc.
Drawtify Designer's Multi-page document editor