Keyshape

Keyshape is a vector graphics design software with animation capabilities. You can create animated icons, banners, and vector graphics for web pages and social media sites.

Features

• Drawing Tools
• Typical vector tools, such as node, pen, pencil, rectangle, ellipse, hand, and zoom tool
• Immediately see the preview of the shape you draw
• Boolean path operations
• Text-on-path for curved text
• Use linear and radial gradients
• CSS shorthand filters
• Animation Features
• Timeline-based animations with keyframes
• Animate position, scale, rotation, opacity, stroke opacity, fill opacity, stroke color, fill color, stroke width, dash array, dash offset, and filter
• Preview animations on web browsers with a click of a button
• Work With SVG
• Open SVG documents created in other vector graphics software
• Copy SVG code directly from Keyshape to a text editor
• Paste SVG code directly from a text editor or web page to Keyshape
• Export Formats
• SVG with CSS animations
• SVG with Javascript animations
• PNG, JPEG
• Image sequences, sprite sheets
• Animated GIF
• MPEG-4 video

Added:

• Support for Dark Mode (requires macOS Mojave)
• Option to export embedded or external KeyshapeJS library
• A public API to the KeyshapeJS library
• An SVG export option to write filters as SVG 1.1 filters
• The Constrain Angle preferences option
• A Preferences option to automatically locate objects
• The Go To menu and shortcut keys to move the Playhead
• Canvas backdrop color
• Support for alpha masks

Changed:

• The left side pane to be resizable
• The color popover hex field to accept basic CSS color values
• The CSS exporter to use the standard animation shorthand syntax

Fixed:

• Checkerboard pattern to be squares
• Opacity animations not to flash
• Symbols to render with correct bounding boxes
• Reading SVG files with simple CSS stylesheets
• Reading SVG files with percentage stop offsets
• Exporting fractional document widths and heights
• Documents to open even if the disk is full
• Resized bitmap images to export with correct sizes in SVG exports
• Plugins to be able to set keyframes with custom easings
• Width and height of images and symbol instances to be animatable
• Document object animations in SVG exports

Other:

• Redesigned some parts of the UI for the dark mode
• Renamed property "repeating" to property "iteration" and moved it to a popover