PointBreak
Design for Responsiveness: Custom Breakpoint Rulers
Plugin Preview
About this plugin
With PointBreak, users can add multiple breakpoints, customize their values, and generate a horizontal ruler with markers for each breakpoint. The ruler can be positioned and resized as needed, making it easy to align elements and maintain consistency across different screen sizes.To use PointBreak, simply input your desired breakpoint values, and the plugin will generate a customizable ruler with markers indicating the breakpoints. You can add or remove breakpoints as needed, and the ruler will update automatically.Please note that PointBreak currently only supports horizontal rulers and pixel values for breakpoints.
Plugin Details
| Version | 1 |
|---|---|
| Created | April 1, 2023 |
| Last Updated | April 3, 2023 |
| Category | Software development |
| Creator | Jui-Ting Sun |
| Stats | 553 installs, 18 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code