scrollbars
<p>Easily add accurate horizontal and vertical scrollbars to frames. Works regardless of Auto-Layout settings and calculates all sizing automatically :^)</p><p><br></p><p>Simply select a frame with children and run the plugin. If a scrollbar is needed on either axis, it will be added to your frame. (Note that if nothing is out of the bounds of the frame, no scrollbars are needed, so nothing will be generated!) If your content changes, re-run the plugin on your frame (optionally via a shortcut in the properties panel) and the scrollbars will adjust accordingly.</p><p><br></p><p>In the future, if requested, I would consider adding a control panel for editing the size/styling of the generated scrollbar and changing initial offsets.</p><p><br></p><p>Enjoy!</p>
Plugin Preview
About this plugin
Easily add accurate horizontal and vertical scrollbars to frames. Works regardless of Auto-Layout settings and calculates all sizing automatically :^)
Simply select a frame with children and run the plugin. If a scrollbar is needed on either axis, it will be added to your frame. (Note that if nothing is out of the bounds of the frame, no scrollbars are needed, so nothing will be generated!) If your content changes, re-run the plugin on your frame (optionally via a shortcut in the properties panel) and the scrollbars will adjust accordingly.
In the future, if requested, I would consider adding a control panel for editing the size/styling of the generated scrollbar and changing initial offsets.
Enjoy!
Plugin Details
Version | 3 |
---|---|
Created | June 15, 2022 |
Last Updated | June 29, 2022 |
Category | Software development |
Creator | Benjamin Zweig |
Stats | 4204 installs, 202 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- main:code.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.