Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Output components as svgstore (SVG Sprites) #21

Merged
merged 2 commits into from
Dec 2, 2019

Conversation

marcomontalbano
Copy link
Owner

@figma-export/output-components-as-svgstore

Outputter for @figma-export that exports components in svg file (SVG Sprites).

With this outputter you can export all components as <symbol> inside a .svg file named with the page name.

This is a sample of the output:

$ tree output/
# output/
# ├── icons.svg
# └── monochrome.svg

Probably you already know what CSS Sprites are, basically you can combine multiple images into a single image file and use it on a website.

SVG Sprites are very similar, but use svg instead of png.

You can read more on Icon System with SVG Sprites article where you can find how to use them.

@marcomontalbano marcomontalbano added the PR: New Feature 🚀 Only for pull request. New feature label Dec 2, 2019
@marcomontalbano marcomontalbano merged commit 76c748e into master Dec 2, 2019
@marcomontalbano marcomontalbano deleted the output-components-as-svgstore branch December 2, 2019 21:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
PR: New Feature 🚀 Only for pull request. New feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant