Skip to content
New issue

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

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

Already on GitHub? # to your account

tutorial how to port figma stencil to svg-stencils #2

Open
mipmip opened this issue May 24, 2022 · 1 comment
Open

tutorial how to port figma stencil to svg-stencils #2

mipmip opened this issue May 24, 2022 · 1 comment

Comments

@mipmip
Copy link
Member

mipmip commented May 24, 2022

No description provided.

@mipmip mipmip moved this from Press to In Progress in SVG Stencils v3 May 24, 2022
@mipmip
Copy link
Member Author

mipmip commented May 24, 2022

Steps

  • Install Advanged SVG Export plugin with keep text option
  • export artboard from figma to svg with these settings (screenshot)
    Image
  • open svg in inkscape
  • remove all unneeded filters
  • make visual corrections
  • make layer other
  • select all elements and move all to other
  • make layer bg
  • select elements that are instructional and not intended as component. Move them to layer bg
  • lock layer bg
  • the remaining items in other are to be exported.
    • If some groups need to be ungrouped first to this.
    • If some objects need to be grouped group them
  • install object to layer extension
  • use extension "objects to layer" with this configuration:
    Image
  • hide layer other
  • use SVG Stencil Export to export all visible layers
  • test result

Troubleshooting

@mipmip mipmip moved this from In Progress to Todo in SVG Stencils v3 May 24, 2022
@mipmip mipmip moved this from Todo to Next Versions in SVG Stencils v3 May 26, 2022
@mipmip mipmip removed this from SVG Stencils v3 May 26, 2022
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant