# 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.

## 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)

#### 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/)

**.**

### 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

#### 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.).

#### 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.

#### 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.

### **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

--- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.drawtify.com/interface-and-resource/intuitive-ui.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.