Back to Plugins
Zebra - Striped backgrounds

Zebra - Striped backgrounds

Create customized striped backgrounds in Figma with ease. Zebra lets you design loading bars, inaccessible zones, and much more with few clicks!FunctionalitiesTwo-color striped background creationAngle input for stripes pointing to any directionWidth & Height input to adjust the background's sizeStripes width input to adjust the stripes widthOnly a portion of the striped background is visible. If you need to adjust the offset of the stripes, just unlock the background and drag it inside the outer frame.Future plansMultiple-colored stripesAdjusting the width of individual stripesContactThis project is completely open-sourced if you want to see the codebase and help me implement new features, see the GitHub repository. If you have issues with the plugin, create a GitHub issue 😉

zebrahatchingbackgroundgenerativefreetexturestripes

Plugin Preview

Zebra - Striped backgrounds preview

About this plugin

Create customized striped backgrounds in Figma with ease. Zebra lets you design loading bars, inaccessible zones, and much more with few clicks!FunctionalitiesTwo-color striped background creationAngle input for stripes pointing to any directionWidth & Height input to adjust the background's sizeStripes width input to adjust the stripes widthOnly a portion of the striped background is visible. If you need to adjust the offset of the stripes, just unlock the background and drag it inside the outer frame.Future plansMultiple-colored stripesAdjusting the width of individual stripesContactThis project is completely open-sourced if you want to see the codebase and help me implement new features, see the GitHub repository. If you have issues with the plugin, create a GitHub issue 😉

Plugin Details

Version1
CreatedMay 17, 2021
Last UpdatedMay 22, 2021
Categoryshapes-colors
CreatorPavel Sušický
Stats4441 installs, 223 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:out/ui.html
  • main:out/code.js