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!
scrollbars
开发 · 184 likes
Related plugins
- Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
- Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
- 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.
- Locofy Lightning - Figma to Code in a flash
Convert Figma designs to code in a flash - React, React Native, HTML, Angular, Next, Gatsby, Vue
- Figma to HTML with Framer
Convert your Figma design to HTML code in seconds with Framer.