Acme Corporation
☰
About
Blog
Community
News
Editor
Contact
Projects
Full Screen
Select
ArtBoard
Rect
Circle
Text
Image
Draw
Path
RectPath
CirclePath
TextPath
Fill
transparent
Stroke
transparent
Opacity
Width
Tolerance
Stroke
transparent
Width
Line Cap
butt
round
square
Line Join
miter
bevel
round
ShortCuts
Export
Download
Save
Fill
transparent
Stroke
transparent
Opacity
Width
Tolerance
Stroke
transparent
Width
Line Cap
butt
round
square
Line Join
miter
bevel
round
-100
0
100
200
300
400
500
600
700
800
900
1000
1100
350
400
450
500
550
600
650
700
SVG Properties
New ArtBoard
0 x 0
%
Layers
New ArtBoard
Search
Gradient
Linear
Random Linear
Repeat Linear
Radial
Random Radial
Repeat Radial
Conic
Random Conic
Repeat Conic
Pattern
Check
Grid
Dot
Cross Dot
Diagonal Line
Vertical Line
Horizontal Line
SVG Filter
Custom Assets
Left
Center
Right
Top
middle
Bottom
width
height
X
px
em
%
Y
px
em
%
W
px
em
%
H
px
em
%
deg
Appearance
Color
z-index
Blend
normal
multiply
screen
overlay
darken
lighten
color-dodge
color-burn
hard-light
soft-light
difference
exclusion
hue
saturation
color
luminosity
Overflow
Visible
Hidden
Scroll
Auto
SVG Text Style
Text Area
Text Anchor
start
middle
end
Length Adjust
spacing
spacingAndGlyphs
Text Length
px
em
%
Start Offset
px
em
%
Font
Color
Size
px
em
%
Stretch
%
Weight
Style
Family
Arial
Arial Black
Times New Roman
Times
Courier New
Courier
Verdana
Georgia
Palatino
Garamond
Bookman
Tahoma
Trebuchet MS
Impact
Comic Sans MS
serif
sans-serif
monospace
cursive
fantasy
system-ui
Text Style
Align
Transform
AG
ag
Ag
Decoration
O
Text Shadows
Font spacing
Line height
px
%
em
Letter spacing
px
em
%
Word spacing
px
em
%
Indent
px
em
%
Text Fill
Fill
Stroke
Width
px
em
%
Text Clip
text
ArtBoard Preset
Web
Apple Devices
Android Devices
Landscape
Web Small
1024x600
Web Medium
1280x800
Web Large
1440x900
Web X Large
1920x1200
Portrait
Web Small
600x1024
Web Medium
800x1280
Web Large
900x1440
Web X Large
1200x1920
Layout
Default
Flex Box
Grid
Direction
Row
column
Row Reverse
Column Reverse
Wrap
Nowrap
Wrap
Wrap Reverse
Justify Content
Start
End
Center
Between
Around
Align Items
Start
End
Center
BaseLine
Stretch
Align Content
Start
End
Center
Between
Around
Stretch
Columns
Count
Size
Column Gap
px
em
%
Rows
Count
Size
Row Gap
px
em
%
Layout Item Detail
none
value
Start
End
Column
Row
Layout Item Detail
none
auto
value
Flex Grow
auto
Flex Shrink
auto
Flex Basis
px
em
%
auto
Component
Fill
Add
Border
Width
Style
C
px
em
%
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
Border Radius
px
em
%
Top Left
px
em
%
Top Right
px
em
%
Bottom Right
px
em
%
Bottom Left
px
em
%
Video
Play
Pause
Volume
Playback Rate
Play Time Distance
Start
End
Image
Select a image
Pattern
check
grid
dot
cross-dot
diagonal-line
vertical-line
horizontal-line
Add
Appearance
Fill
transparent
Opacity
Fill Rule
nonzero
evenodd
Stroke
transparent
Width
px
em
%
Dash Array
Add Dash
Dash Offset
Line Cap
butt
round
square
Line Join
miter
bevel
round
Blend
normal
multiply
screen
overlay
darken
lighten
color-dodge
color-burn
hard-light
soft-light
difference
exclusion
hue
saturation
color
luminosity
Filter
Blur
GrayScale
Hue Rotate
Invert
Brightness
Contrast
Drop Shadow
Opacity
Saturate
Sepia
SVG
blur
grayscale
hue-rotate
invert
brightness
contrast
drop-shadow
opacity
saturate
sepia
svg
Backdrop Filter
Blur
GrayScale
Hue Rotate
Invert
Brightness
Contrast
Drop Shadow
Opacity
Saturate
Sepia
SVG
blur
grayscale
hue-rotate
invert
brightness
contrast
drop-shadow
opacity
saturate
sepia
svg
Box Shadows
Add
Clip Path
circle
ellipse
inset
polygon
path
svg
Box Model
Transform
Rotate
Rotate X
Rotate Y
Rotate Z
3D Rotate
skew
Skew X
Skew Y
Translate
Translate X
Translate Y
Translate Z
3D Translate
Perspective
Scale
Scale X
Scale Y
Scale Z
3D Scale
Matrix
3D Matrix
Transform
Perspective
Rotate
Rotate X
Rotate Y
Rotate Z
3D Rotate
skew
Skew X
Skew Y
Translate
Translate X
Translate Y
Translate Z
3D Translate
Scale
Scale X
Scale Y
Scale Z
3D Scale
Matrix
3D Matrix
Transform Origin
X
px
em
%
Y
px
em
%
Z
px
em
%
Perspective
px
em
%
Perspective Origin
px
em
%
X
px
em
%
Y
px
em
%
Export
SVG
Download
PNG
Download
CSS Transition
CSS Keyframe
CSS Animation
Selector
selector
:hover
:active
:before
:after
:first-child
:last-child
:link
:active
:focus
CodeView
Menu Layout
All
CSS
SVG
Theme
Dark
Light
Language
English
Français
한국어
v0.10.71
Export
HTML
CSS
Assets
SVG Image
SVG Image Preview
Project Manager
Project Menu
Project List
ShortCuts
History
undoing in history
⌘
+
Z
redoing in history
⌘
+
SHIFT
+
Z
Tools
set hand tool on
H
Layer
rotate to left
META
+
←
rotate to right
META
+
→
move 1px to left
←
move 1px to right
→
move 1px to down
→
move 1px to up
↑
move 10px to down
SHIFT
+
→
move 10px to right
SHIFT
+
→
move 10px to up
SHIFT
+
↑
move 10px to left
SHIFT
+
←
move 5px to left
ALT
+
←
move 5px to down
ALT
+
→
move 5px to right
ALT
+
→
move 5px to up
ALT
+
↑
move layer to above
CTRL
+
]
move layer to below
CTRL
+
[
Delete selected items
⌫
Delete selected items
DELETE
Tool
Selection
V
Add ArtBoard
A
Add rect layer
R
Add rect layer
M
Add circle layer
O
Add circle layer
L
Add text layer
T
Add SVG Path layer
P
Draw SVG Path
B
Minus scale
MINUS
Plus scale
EQUAL
Group
Grouping selected items
⌘
+
G
Ungrouping selected group layer
SHIFT
+
⌘
+
G
Path
move 1px to down
→
move 1px to up
↑
move 1px to right
→
move 1px to left
←
move 10px to down
SHIFT
+
→
move 10px to up
SHIFT
+
↑
move 10px to left
SHIFT
+
←
move 10px to right
SHIFT
+
→
move 5px to down
ALT
+
→
move 5px to up
ALT
+
↑
move 5px to left
ALT
+
←
move 5px to right
ALT
+
→
Delete selected segment
⌫
Edit
Copy objects
⌘
+
C
Paste selected objects
⌘
+
V
ColorPicker
HEX
R
G
B
A
H
%
S
%
L
A
Color
random
opencolor gray
material red
material pink
material purple
material deep purple
material indigo
material blue
material light blue
material cyan
material teal
material green
material lightgreen
material lime
material yellow
material amber
material orange
material deep orange
material brown
material gray
material bluegray
SVG Fragment picker
Offset
px
em
%
Spread
pad
reflect
repeat
Pattern
userSpaceOnUse
Start X
px
em
%
Start Y
px
em
%
End X
px
em
%
End Y
px
em
%
Center X
px
em
%
Center Y
px
em
%
End radius
px
em
%
Start X
px
em
%
Start Y
px
em
%
Start radius
px
em
%
patternWidth
px
em
%
patternHeight
px
em
%
imageX
px
em
%
imageY
px
em
%
imageWidth
px
em
%
imageHeight
px
em
%
HEX
R
G
B
A
H
%
S
%
L
A
Color
random
opencolor gray
material red
material pink
material purple
material deep purple
material indigo
material blue
material light blue
material cyan
material teal
material green
material lightgreen
material lime
material yellow
material amber
material orange
material deep orange
material brown
material gray
material bluegray
Gradient & Image Picker
Offset
px
em
%
connected
Angle
deg
Center X
px
em
%
Center Y
px
em
%
Radial Type
circle
circle closest-side
circle closest-corner
circle farthest-side
circle farthest-corner
ellipse
ellipse closest-side
ellipse closest-corner
ellipse farthest-side
ellipse farthest-corner
HEX
R
G
B
A
H
%
S
%
L
A
Color
random
opencolor gray
material red
material pink
material purple
material deep purple
material indigo
material blue
material light blue
material cyan
material teal
material green
material lightgreen
material lime
material yellow
material amber
material orange
material deep orange
material brown
material gray
material bluegray
Text Shadow Editor
Offset X
px
em
%
Offset Y
px
em
%
Blur Radius
px
em
%
color
Background Pattern
Size
contain
cover
auto
X
px
em
%
Y
px
em
%
Width
px
em
%
Height
px
em
%
Repeat
Select a image
Pattern Info
Width
px
em
%
Height
px
em
%
Line Width
px
em
%
Line Height
px
em
%
Fore
Back
Blend Mode
normal
multiply
screen
overlay
darken
lighten
color-dodge
color-burn
hard-light
soft-light
difference
exclusion
hue
saturation
color
luminosity
SVG Filter
Filter
Preset
Assets
Source Graphic
Source Alpha
Background Image
Background Alpha
Fill Paint
Stroke Paint
Flood
Turbulence
Image
Color Matrix
Saturate
HueRotate
LuminanceToAlpha
Drop Shadow
Morphology
Convolve Matrix
Offset
Gaussian Blur
Tile
Specular Lighting
Diffuse Lighting
Point Light
Spot Light
Distant Light
Blend
Composite
Merge
DisplacementMap
Grayscale
Shadow
Inner Shadow
Stroke
Dancing Stroke
Box Shadow Editor
Type
Outset
Inset
X
px
em
%
Y
px
em
%
Blur
px
em
%
Spread
px
em
%
color
ClipPath
none Editor
Transition
Property
none
all
background-color
background-position
background-size
border
border-color
border-width
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-width
border-left
border-left-color
border-left-width
border-radius
border-right
border-right-color
border-right-width
border-spacing
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-width
bottom
box-shadow
color
filter
font-size
font-size-adjust
font-stretch
font-weight
height
left
letter-spacing
line-height
margin
margin-bottom
margin-left
margin-right
margin-top
max-height
max-width
min-height
min-width
opacity
padding
padding-bottom
padding-left
padding-right
padding-top
perspective
perspective-origin
right
text-decoration
text-decoration-color
text-indent
text-shadow
top
transform
vertical-align
visibility
width
word-spacing
z-index
Timing function
Delay
s
ms
Duration
s
ms
Keyframe
Name
Offset
%
Properties
x
y
width
height
margin-left
margin-right
margin-bottom
margin-top
padding-left
padding-right
padding-bottom
padding-top
border
border-radius
background-color
background-image
box-shadow
text-shadow
filter
backdrop-filter
mix-blend-mode
transform
transform-origin
perspective
perspective-origin
font-size
font-weight
font-stretch
timing-function
Animation
Keyframe
Timing Function
Iteration
normal
infinite
Delay
s
ms
Duration
s
ms
Direction
normal
reverse
alternate
alternate-reverse
Fill Mode
none
forwards
backwards
both
Play State
paused
running
Selector Property
Selector
Properties
x
y
width
height
margin-left
margin-right
margin-bottom
margin-top
padding-left
padding-right
padding-bottom
padding-top
border
border-radius
background-color
background-image
box-shadow
text-shadow
filter
backdrop-filter
mix-blend-mode
transform
transform-origin
perspective
perspective-origin
font-size
font-weight
font-stretch
timing-function
Acme Corporation