Skip to content

Sketch plugin used to convert SVG Filters into CSS equivalent

Notifications You must be signed in to change notification settings

CyrilSiman/svgToKeyshape

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

svgToKeyshape

Keyshape doesn't support SVG filters used by Sketch, but it's possible to use CSS instead.

This plugin convert :

  • SVG drop shadow filter into drop-shadow CSS
  • SVG blur filter into Blur CSS
  • Text and Tspan elements into many Text elements, each new Text element has their own origin (it's more simple to edit it into Keyshape)

How use it

  • You have to select only ONE layer, if necessary group your layers into only one group.
  • Go to Plugin Menu > Copy SVG to Keyshape OR use shortcut CMD + SHIFT + C
  • Congrats the SVG is available into your pasteboard
  • Go to Keyshape and past your SVG or past into any files.

Installation

  • Download the latest release of the plugin
  • Un-zip
  • Double-click on svgtokeyshape.sketchplugin

About

Sketch plugin used to convert SVG Filters into CSS equivalent

Resources

Stars

Watchers

Forks

Packages

No packages published