Skip to content

CyrilSiman/svgToKeyshape

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 

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