YouiDraw Drawing User Guide

Introduction to YouiDraw Drawing

What is the YouiDraw Drawing

Whether you’re getting started or an experienced designer, Drawing tool is a powerful graphic design solution on web. With vector graphic design in various environment, you have everything you need to express your style and creativity.

Screenshot 2014-09-25 16.36.04

Back To Top

System Requirements


Operating System: Windows XP / Mac OS X 10.6 / Linux / Chrome OS

Browser: Chrome 35 / FireFox 30 / Safari 8

Memory: 1 GB RAM

Screen Resolution: 1280*800

Internet Connection: Required for initial use, updates, data sync, login and for help access.

Language: English



Operating System: Windows 7+ / Mac OS X 10.7 + / Chrome OS

Browser: Chrome latest version

Memory: 2 GB RAM

Screen resolution: 1280*800 / 1366*768 or larger

Internet Connection: Required for initial use, updates, data sync, login and for help access.

Language: English

Back To Top

The YouiDraw Drawing interface

Screenshot 2014-09-25 16.36.04_n

1. File Button 2. Top Function Area 3. Left toolbox 4. Canvas Workspace 5. Layer Tree
6. Shape, Color, Effects Properties 7. Templates and Style Library

• File Button:   Screenshot 2014-09-26 12.11.33

Let you NEW, OPEN, SAVE a project, or import a SVG.

• Top Function Area:

Screenshot 2014-09-26 12.20.32  Undo and Redo the your work steps.
Screenshot 2014-09-26 12.21.05  Delete the selected elements.
Screenshot 2014-09-26 12.21.33  Group multiple selected elements, then you can move them together, or ungroup.
Screenshot 2014-09-26 12.22.25  Use combination tools to let multiple shapes change to one special shape, you can union, subtract, intersect, exclude, divide the shapes.
Screenshot 2014-09-26 12.23.04  Align multiple selected shapes to left, center, right horizontal, or to top, middle, bottom vertical.
Screenshot 2014-09-26 12.24.07  Change the order of selected elements up and down.
Screenshot 2014-09-26 13.24.19  Show the grid to help you work easier and enable snap to grid function.
Screenshot 2014-09-26 13.24.50  Show or Hide layer tree.
Screenshot 2014-09-26 13.26.40  Fullscreen your canvas workspace and preview your design.
Screenshot 2014-09-26 13.27.08  Export and download your work to SVG / PNG / JPG / PDF …
Screenshot 2014-09-26 13.28.17  Log in or Sign out with Google Drive or Dropbox account.
Screenshot 2014-09-26 13.28.50  Show or hide Tips and get user guide.

• Left Toolbox:

Screenshot 2014-09-26 13.37.52 Screenshot 2014-09-26 13.38.36  Select and move, rotate, scale, skew the selected elements.
Screenshot 2014-09-26 13.41.49  Pen tools let you add point to draw line and curve and create a special shape as you want.
Screenshot 2014-09-26 13.48.08  Pencil tools let you draw a thinner line freeform.
Screenshot 2014-09-26 13.49.26  Brush tools let you draw a thicker line freeform.
Screenshot 2014-09-26 13.50.07  Use eraser to erase elements on canvas.
Screenshot 2014-09-26 13.50.39  Switch elements to edit mode, then you can edit the point to change the shape and path.
Screenshot 2014-09-26 13.51.03  Draw a straight line on canvas.
Screenshot 2014-09-26 13.52.19  Draw a curve arc on canvas.
Screenshot 2014-09-26 13.52.53  Add a text on canvas workplace.
Screenshot 2014-09-26 14.12.38  Import text path with local fonts by “text path” button on toolbar.
Screenshot 2014-09-26 14.15.01  Add rectangle, rounded rectangle, ellipse, circle, convex, concave and gear shapes.
Screenshot 2014-09-26 14.15.39  Canvas move.
Screenshot 2014-09-26 14.16.10  Zoom in and Zoom out.
Screenshot 2014-09-26 14.16.36  Fill color and stroke color.

• Canvas Workspace:

In the center of the YouiDraw Drawing interface is the workspace. This workspace shows your
vector shapes, text, and other elements visually, just as they will be displayed as they will
appear in a browser.
Screenshot 2014-09-26 14.17.52

• Layer Tree:

At the top-right corner of YouiDraw Drawing interface is the layer tree. This area you can select
elements and use layers to manage the elements, one layer is one separate area on canvas.
Screenshot 2014-09-26 14.20.20

• Properties

Basic properties:
Screenshot 2014-09-26 14.22.51
Set shapes special parameter and basic style, such as fill color, gradient, pattern,
and stroke size, style etc,.

Text properties:
Screenshot 2014-09-26 14.24.14
Choose fonts, text size, set bold, italic, underline, strikethrough, etc,.

Transform, Arrange and order:
Screenshot 2014-09-26 14.25.34
Set elements position, width, height, rotate, skew, flip, arrange multiple elements, and change the
order for selected elements.

Filter Effects:
Screenshot 2014-09-26 14.26.45
Set opacity and set Drop Shadow, Inner Shadow, Outer Glow, Inner Glow, Reflection, Blur and
Light filter effects.

Project settings:
Screenshot 2014-09-26 14.27.36
Set the size of canvas, and set background fill color, gradient or pattern.

• Template and Style Library

Style Library:
Screenshot 2014-09-26 14.31.24
You can find and open library at the right-bottom corner of YouiDraw Drawing interface. You
have hundreds of different style to apply, include gradient, simple and artistic styles.

Shape Library:
Screenshot 2014-09-26 14.32.23 Screenshot 2014-09-26 14.33.05
Many different kinds of shapes and basic icons you can use to create your work quickly.

Template Library:
Screenshot 2014-09-26 14.36.27 Screenshot 2014-09-26 14.36.55 Screenshot 2014-09-26 14.37.14 Screenshot 2014-09-26 14.37.40 Screenshot 2014-09-26 14.37.59
Templates graphic will improve your work and help you to get high efficiency

Back To Top

Open source components

  • Thanks the Logo idea from Dribbble user Mike Smith (Guerrilla).
  • jQuery dropdown: Copyright 2013 Cory LaViska, LLC. Licensed under the MIT.
  • Free SVG Package Licensed under the GPL / CC BY 3.0
  • Purchased Commercial License SVG from &
  • Pricing Table Copyright (c) 2013 Thibaut Courouble. Licensed under the MIT.
  • provided few ideas for example.
  • Other open source modules: jQuery / jQueryUI / jQuery SVG / jgraduate / jPicker / canvg / colorpicker / Opentype / Paperjs / jSize / jqtree / perfect-scrollbar / w2ui

Back To Top

Getting Started

Create a new Project

Screenshot 2014-09-26 15.37.20
Once you’ve opened the web app in your browser, the web app will new a default blank project. But you also can creating new documents by click the logo button and selecting NEW from the menu.
Screenshot 2014-09-26 15.34.17  ps: If you want to save your work into your Google Drive or Dropbox, you need login first by click USER/Sign in button at the right of the top function area. 
Screenshot 2014-09-26 15.30.20
The NEW FILE dialog: You can choose a environment template to create your project or just set the Width and Height to create a blank project.
Open an existing file (YouiDraw Drawing files only): You can choose a file from your local drive, or Google Drive and Dropbox when you login by these service account.

Back To Top

Set up your Environment

1. The Grid button on the Top Function Area:

Screenshot 2014-09-26 15.42.07
Show grid on the background with spacing settings.
Enable “snap to grid” option to lets you position elements along the same horizontal or vertical lines.

2. Project Settings under Properties tab:

Screenshot 2014-09-26 14.27.36
Set documents canvas width and height by pixels, inches, cm or mm units.
Set background style by color, gradient or pattern.

Back To Top

Add Shapes or Elements

1. Add a shape by Pen tools :

Click the pen tool Screenshot 2014-09-26 13.41.49  in the left toolbox, and click on canvas to add point, drag to add a curve point, finally click the first point to complete the shape.

Screenshot 2014-09-26 16.26.04


2. Add a shape by Shape create tools :

Click Screenshot 2014-09-26 14.15.01 rectangle, round-rectangle, ellipse, convex, concave, gear shape create button, and click and drag mouse on canvas to create a shape easily.

Screenshot 2014-09-26 16.27.14

Back To Top

Adjust Elements and choose a Style

1. Adjust elements by move, rotate, scale, skew tools:

Select an element, then click these tools Screenshot 2014-09-26 13.37.52 Screenshot 2014-09-26 13.38.36 in the left toolbox, then you can click and drag mouse on canvas to adjust this selected element.

2. You also can adjust elements by using Transform settings in Properties tab:

Screenshot 2014-09-26 14.25.34
Select an element, then switch to Transform settings under Properties tab, then you can change the position, width, height, skew and rotate just by an exact value.

3. Choose a quick style from style library:

Screenshot 2014-09-26 14.31.24
Select an element and click the Library button at the right-bottom corner of interface, then you will find hundreds of styles you can choose, just click it and apply on the selected element, you will get a wonderful style quickly!

Screenshot 2014-09-26 16.34.31

Back To Top

Change or Copy Style and Properties

• Shape Parameter:

Screenshot 2014-09-26 16.57.57 Screenshot 2014-09-26 16.58.18 Screenshot 2014-09-26 16.34.31
When you add a shape by shape create tools, you can adjust the shape by shapes parameter, different shapes with different parameter settings. You can change “radius” for round rectangle, change “side” or “inner” for concave, gear or convex shapes.

• Fill (Solid Color, Gradient and Pattern):

Solid Color: You can pick a solid color for an element by a standard color panel. The solid color support HSV, RGBA, and HEX color code.
Screenshot 2014-09-26 17.08.32
Linear Gradient: Set linear gradient for an element by multiple colors. You can change the direction, distance of colors, and set spread method to pad, reflect or repeat.

PS: Screenshot 2014-09-26 17.14.09 Click the color line to add a color, double click on the color sign to edit the color, and click and drag the color sign to far from the line to remove a color.
Screenshot 2014-09-26 17.10.50

Radial Gradient: Set radial gradient for an element by multiple colors. You can change the position for center point and focal point, change the value of radius, ellipse, angle and opacify and set spread method to pad, reflect or repeat.
Screenshot 2014-09-26 17.12.30

Pattern: Choose a pattern from library or just choose a image from your local disk drive.
Screenshot 2014-09-26 17.15.50

• Stroke

Screenshot 2014-09-26 17.17.39
You can show stroke for an element and set color, size, and dash style for it, make a special stroke for your elements.

• Copy style from other one to another element

Screenshot 2014-09-26 17.19.51 Screenshot 2014-09-26 17.20.55 Screenshot 2014-09-26 17.21.04
An easier way to copy style from one element to another, select an element and copy style from the context menu, then select another element and paste style from the context menu, finally you can got same style to an element quickly and easily.

Back To Top

Understanding layers

At the top-right corner of YouiDraw Drawing interface is the layer tree. This area you can select elements and use layers to manage the elements, one layer is one separate area on canvas. And you can hide/show or lock an element.
If you want to select a element, you need to select that layer at first.
Screenshot 2014-09-26 14.20.20

Back To Top

Keyboard shortcuts

“←”: Element to left for 1px

“Shift+←”: Element to left for 5px

“↑”: move Element to up for 1px

“Shift+↑”: move Element to up for 5px

“→”: Element to right for 1px

“Shift+→”: Element to right for 5px

“↓”: Element to down for 1px

“Shift+↓”: Element to down for 5px

“Delete”: Delete


Shift+Command+Z: “Redo

Command+Z: “Undo

Command+C: “Copy

Command+V: “Paste

Command+X: “Cut

Command+S: “Save

Command+O: “Open

Command+N: “New

Command+Esc: “Cancel Edit text or select toolbox select tool(toolbox)

Windows / Chrome OS

Control+Z: “Undo

Control+Y: “Redo

Control+C: “Copy

Control+V: “Paste

Control+X: “Cut

Control+S: “Save

Control+O: “Open

Control+N: “New

Control+Esc: “Cancel Edit text or select toolbox select tool(toolbox)

Back To Top

Create and Modify Content

Use Pen tool

Pen tools let you add point to draw line and curve and create a special shape as you want.

1. Click the pen tool Screenshot 2014-09-26 13.41.49 in the left toolbox.
2. Click on canvas to add point. Screenshot 2014-09-26 18.08.13
3. Click and hold to Drag to add a curve point. Screenshot 2014-09-26 18.10.32
4. Add more point or click the first point to complete the shape. Screenshot 2014-09-26 18.11.25
5. Finally, just click on the canvas, then complete draw. Screenshot 2014-09-26 18.12.10

Back To Top

Use Pencil tool

Pencil tools let you draw a thinner line freeform.

1. Click pencil tool in the left toolbox. Screenshot 2014-09-26 13.48.08
2. Click and hold mouse on the canvas and drag to draw a link freeform. Screenshot 2014-09-26 18.21.19
3. Then release mouse click, you will get a line. Screenshot 2014-09-26 18.22.23
4. Finally, you can use stroke style setting to edit the line: Screenshot 2014-09-26 18.23.26

Back To Top

Use Brush tool

Brush tools let you draw a thicker line freeform.

1. Click Brush tool in the left toolbox. Screenshot 2014-09-26 13.49.26
2. Click and hold mouse on the canvas and drag to draw for free. Screenshot 2014-09-26 18.30.10
3. Then release mouse click, you will get a thicker line. Screenshot 2014-09-26 18.31.06
4. Finally, you can use basic stroke style settings to edit it. Screenshot 2014-09-26 18.33.11

Back To Top

Draw a straight line

Draw a straight line on canvas.

1. Click line tool Screenshot 2014-09-26 13.51.03 in the left toolbox.
2. Click and hold mouse on the canvas and drag to create a straight line. Screenshot 2014-09-28 11.54.44
19 of 273. Release mouse click, you will get a straight line. Screenshot 2014-09-28 11.55.50
4. Finally, you also can use stroke style settings to edit the straight line. Screenshot 2014-09-28 11.56.58

Back To Top

Draw an Arc or Curve

Draw an arc on canvas.

1. Click arc tool Screenshot 2014-09-26 13.52.19 in the left toolbox.
2. Click and hold mouse on the canvas and drag to create an arc. Screenshot 2014-09-28 12.01.28
3. Release mouse click, you will get an arc. Screenshot 2014-09-28 12.02.01
4. Finally, you also can use stroke style settings to edit the arc. Screenshot 2014-09-28 12.03.01

Back To Top

Add Text

Add a text on canvas workplace.

1. Click text tool Screenshot 2014-09-26 13.52.53 in the left toolbox.
2. Click mouse on the canvas, you will get a default text. Screenshot 2014-09-28 12.08.45
3. Choose a font from the font list in the text properties settings. Screenshot 2014-09-28 12.11.02

Screenshot 2014-09-28 12.10.41
4. We can choose text size, set bold, italic, underline, strikethrough, and change text align, line space and letter space in text settings.

Screenshot 2014-09-28 12.13.19 Screenshot 2014-09-28 12.14.26  Screenshot 2014-09-28 12.15.13

5. Finally, we also can use basic style settings or just choose a style to get change.

Back To Top

Insert text path with local fonts

1. Click “text path” button Screenshot 2014-09-26 14.12.38 on left toolbar.

2. Then you can click “Choose File” button on “import text path” dialog, and choose an font from your local disk drive. (Not all fonts can import, may some font can’t support).

Screenshot 2014-09-28 16.54.40


3. You can type the text and change font size after you choose a font. Then click “Import Text Path” button.

Screenshot 2014-09-28 16.56.34

4. You can edit the text or just choose an style easily.


Screenshot 2014-09-28 16.57.55

Back To Top

Add Shapes

Add shapes by shape create tools quickly and easily.

1. Click one of the shape tools Screenshot 2014-09-26 14.15.01 which you want to create.
2. Click and hold mouse on the canvas and drag to create the shape. Screenshot 2014-09-28 13.37.16
3. Release mouse click, the shape will be created.  Screenshot 2014-09-28 13.38.33
4. Use the shape parameter setting to change the shape.

Screenshot 2014-09-28 13.40.59 Screenshot 2014-09-28 13.44.35
5. Choose a style from style library. Screenshot 2014-09-28 13.42.38

Back To Top

Use Path edit tool

Because this is the vector graphic design, so you can edit elements by edit the path point.

1. Double click on an element or click edit button Screenshot 2014-09-26 13.50.39 on left toolbox.
2. Click on the path to add a point. Screenshot 2014-09-28 14.15.53
3. Click on the point and drag to move it, you also can choose multiple point and adjust them together. Screenshot 2014-09-28 14.18.27
4. Double click on the point to switch the point to curve point. Screenshot 2014-09-28 14.19.19
5. Drag the curve adjust point to adjust two point together. And press Command(mac) or Control(windows) key and drag the point to adjust only one side curve. Screenshot 2014-09-28 14.20.57
6. By this way, you can create any special shape that you want. Screenshot 2014-09-28 14.24.13

Back To Top

Change Text to Outlines and Edit it

1. Right click on a text, choose “Convert to Outlines” option in the context menu. Or just click “Convert text to Outlines” on Text properties tab.

Screenshot 2014-09-28 14.33.24 Screenshot 2014-09-26 14.24.14
2. Double click on the text or click edit button on left toolbox, then edit it.

Screenshot 2014-09-28 14.38.30 Screenshot 2014-09-28 14.37.29

Back To Top

Use Combination Function

Combination function to let multiple shapes change to one special shape, you can union, subtract, intersect, exclude, divide the shapes.

Screenshot 2014-09-26 12.22.25

Union:       Screenshot 2014-09-28 14.48.14 -> Screenshot 2014-09-28 14.48.28
Subtract:  Screenshot 2014-09-28 14.48.14 -> Screenshot 2014-09-28 14.48.44
Intersect: Screenshot 2014-09-28 14.48.14 -> Screenshot 2014-09-28 14.49.04
Exclude:    Screenshot 2014-09-28 14.48.14 -> Screenshot 2014-09-28 14.49.40
Divide:       Screenshot 2014-09-28 14.48.14 -> Screenshot 2014-09-28 14.50.04

eg. Create a Cloud Logo:

1. Add 3 shapes, 2 different circle and 1 round rectangle, place like this:

Screenshot 2014-09-28 14.55.43
2. Select all the 3 shapes, and click union button:

Screenshot 2014-09-28 14.55.57

Advanced eg. :

Back To Top

Use Filter and Effects

Drawing provide many filter and effects you can use for elements.
• Opacity:

Set transparent for elements.

Screenshot 2014-09-28 15.44.56

• Drop Shadow and Inner Shadow:

Set shadow color and use offset, angle, blur value to change the shadow style.

Screenshot 2014-09-28 15.27.57Screenshot 2014-09-28 15.27.22

• Outer Glow and Inner Glow:

Set glow color and use blur value to change the glow style.

Screenshot 2014-09-28 15.32.56Screenshot 2014-09-28 15.32.44

• Reflection:

Enable reflection for an element, use depth and offset value to change the style.

Screenshot 2014-09-28 15.34.44Screenshot 2014-09-28 15.34.24

• Blur:

Make elements blur

Screenshot 2014-09-28 15.36.13Screenshot 2014-09-28 15.35.55

Back To Top

Use Light Effects

Light effect is a special filter for SVG vector graphic.

The software provide some settings let you set light effects easily. You can find the light settings at the last in filter effect tab, just click the rect button to open light settings panel. You can set 3 different light onto your elements to get more amazing artistic effect.

Screenshot 2014-09-28 15.59.33
Bevel 5 VS Bevel 2:

Screenshot 2014-09-28 16.03.47
Different Light Color:

Screenshot 2014-09-28 16.06.16
Light Scale 3 VS Light Scale 1:

Screenshot 2014-09-28 16.07.57
Distant Light Azimuth: 0º & 180º VS 90º & 270º:

Screenshot 2014-09-28 16.09.33
Distant Light Elevation: 40 VS 20.

Screenshot 2014-09-28 16.10.52

Back To Top

Insert and edit SVG or Image

If you already have a SVG or image file, and need to edit, add style and effects, combine with other shapes, you can insert SVG / Image into YouiDraw Drawing.

1. Click File button and choose “Insert SVG” / “Insert Image” option.

Screenshot 2014-09-28 16.31.53
2. Choose an SVG or Image file from your local disk drive, and click open.

Screenshot 2014-09-28 16.34.49
3. Finally, the SVG or Image file will be put into your canvas workspace, you can edit, resize etc,.

Screenshot 2014-09-28 16.36.32

Back To Top

Download and Save your work

Download works with free account


Click preview button Screenshot 2014-09-26 13.26.40 on the top function area, then you can preview your work on full screen.


Click export button Screenshot 2014-09-26 13.27.08 on the top function area, then you will open export settings dialog. You can export to png, jpg format. Default size are your project size, but you can use scale option to change to any size you want. You also can choose export entire canvas or just selected elements.

PS: SVG and PDF vector format only can be export under Premium Account. 

Screenshot 2014-09-28 16.45.52

If you want to export your design with transparent background, please select include “All objects” or “Selected Objects” option.

Screenshot 2015-04-29 09.25.10

Back To Top

Save works to Cloud or Local drive

Save your works into Google Drive / Dropbox to a .ydr project file. You can open and edit it anywhere. 

1. Click File button and choose “Save” or “Save as” dialog.

Screenshot 2014-09-28 17.10.09

2. If you connected Google Drive, you can choose an directory and fill in your file name, then Click OK.

Screenshot 2014-09-28 17.11.33

3. You also can click “Choose Drive” button (left-bottom corner), then you can choose save file to Google Drive, Dropbox or your local disk drive.

But Safari can’t support Save to Local Device right now.

Screenshot 2014-12-09 17.42.56

Back To Top

Upgrade to Premium Account

If you login by free account, may you can’t export to SVG vector format, you need to upgrade to premium account to enable this function.
1. Visit our website homepage:
2. You can find a “PRICING” link on the main menu, click it to visit Pricing List page.

Screenshot 2014-09-28 17.33.06
3. You can subscribe our monthly or yearly plan to get unlimited function. (You can unsubscribe at anytime.)

Screenshot 2015-01-06 11.59.19

Back To Top

Release Note

Release Notes


1.add login with email function.
2.project file can save to youidraw drive.


1.fix a bug of can’t export multi-layer SVG file.
2.change drive icon.

2015.2.11 multiple nodes when press shift key, support arrow key select(up,down..)
2.fix node layer change bug when group/ungroup,union/subtract.


1.fix maximum is 100(up to 1000) files when show google drive.
2.fix some project can’t open after save(long length number can’t open after compress it).
3.fix bug of open from google drive don’t have waiting screen.
4.fix set group color/border bugs.
5.fix close all projects UI issue.


1.change canvas size by project setting
2.fix bug of align node function does not work
3.refresh file list after save, save as, when reopen file dialog.
4.add shot cut of save as press ctrl/cmd+shift+s.

2015.1.5 font bold,italic,underline, line through when export image.
2.add variants option of font.
3.set ‘Arial’ as default font
4.add more more(200+ ) google fonts.
5.fix can’t sign in bug(sign window was blocked when save).
6.fix bug of can’t save file sometimes.


1.add paypal subscription. tip when fail to open file  from google drive.
3.fix auto login bug.
4.fix user’s information wasn’t update bug.


1.add google font ‘Forum.ttf’ etc.
2.add sign, loading, saving, waiting screen.
3.add modified state on toolbar tab.
4.add open and download file in local device function.

2014.11.20 files can order by time and name. empty space to clear current select node.


1.add sign in with Dropbox, Microsoft and Facebook.
2.add save and open file from Dropbox and local device.
3.change file extension name, .yid to .ydr, .yil to .ylc.
4.popup a window to save when export file.


1.fix use keyboard to change node position does not work.
2.remove some unnecessary scroll-bar in export and drive-file dialog.
3.change save tip when close a project, now have three buttons to choose.
4.fix sometimes when opened app closed, Start now button does not work.
5.don’t support IE.


1.export entire always have a background.
2.remove watermark when preview export image.
3.reduce area of watermark.


1. Fixed text position incorrect after google font loaded.
2. Fixed web font does not work when use https.
3. Fixed text position incorrect when edit it.


1. Changed stroke width range to 0.1 ~ 50.
2. Fixed bug when cancel select font file in import text path function.
3. Fixed IE has bug in export, content disappear.


1. Shape flip(h & v), when drag it.
2. Added horizontal and vertical flip button.
3. Enter to change group size, optimize drag operation.
4. Optimized align grid function.
5. Fixed group undo position incorrect.


1. Fixed bold italic status of text bug.
2. Invoice display issue when have discount.
3. Fixed account information incorrect after paid.
4. Added manage google drive button.
5. Resize fullscreen dialog when window size changed.
6. Fixed alpha of color and gradient bug.


1. Fixed web-font export does not work when export png.
2. Fixed some time save project to google drive failed bug.


1. Fixed current drive folder change when press key/up when edit node position.
2. Changed project thumbnail to png with transparency.


1. Free user added watermark when export.
2. Fixed some bug of Insert SVG function.
3. Fix group’s children can’t copy bug.


1. Added copy, paste to context menu.
2. Prevent copy fill pattern when add new node.
3. Added Insert Image in file menu.
3. Fixed drawing toolbox pattern button size bug
4. Fixed a bug of can’t export image pattern.


1. Fixed menu does not work after use google translate.

2014. 8.7

1. Fixed color dialog is invisible,let it moveable.
2. Added lock, visible button on node tree and node list.


1. Freehand point support multi-select and operation.
2. Add rename item to context menu
3. Press ctrl+R and Return key to rename and edit and end edit
4. Click edit button for text show convert to outlines tips.
5. Auto calculate price when use coupon code
2. Show account type in account information dialog


1. Fixed can’t drag shape to canvas bug
2. Added export to PDF and print function
3. Start app, when log in success, click Ok button to continue
4. Add project preview page.


1. Fixed design bug of shape combine. fix bug of divide.


1. Updated share file dialog, need input name, select type.
2. Added home page, user guide link to apps


1. Fixed fill pattern bugs and fill dialog function.
2. Set export jpeg image quality
3. Added more setting to grid
4. When scale canvas (drag freehand point) need scale some appropriate,add line to rotate point


1. Find inner shadow export bug(chrome bug), fix it


1. New file in specify fodder from google drive
2. Add save as function
3. Add replace share function


1. Show rotate,position,size data when drag in canvas


1. Check project when share it, no content show on canvas can’t be shared.
2. Added download browser icon.


1. Erase every thing in current layer, try fix crush bug.
2. Fixed hard to select only has stroke shape, like line, arc..


1. Fix import large svg can’t save and open file
2. Show context menu when edit shape, remove pt, close shape,convert bezier


1. Fixed time is not suit or error in firefox and safari
2. Painter: fixed bug of rect does not hide when use pen
3. Added custom cursor, when select tool

Back To Top