Bullets
<p>Create custom bulleted lists using components and save reusable bullet styles on your file.</p><p><br></p><p>NOTE: <strong>The plugin doesn't support the native Figma bullet styles.</strong> The intended behavior is to create a single instance layer for each list item.</p><p><br></p><p>—————</p><p><br></p><h2><strong>☞ HOW TO CREATE A BULLET STYLE</strong></h2><p><br></p><p>1. Create a Figma component with your preferred design for the bullet. Make sure to set Scale as constrain on the all component's children; The bullets instances on the list will inherit the size of this component, you may want to adjust its dimension according to your scenario.</p><p><br></p><p>2. Select the bullet component and click the plus icon on the plugin panel to save it as bullet style;</p><p><br></p><p>—————</p><p><br></p><h2><strong>☞ HOW TO APPLY A BULLET STYLE</strong></h2><p><br></p><p>1. Select at least one or more layers;</p><p><br></p><p>2. Click one of the bullet styles available to add one bullet instance for each selected layer on the canvas. The plugin will organize your layers into a list using Figma Auto-Layout.</p><p><br></p><p>—————</p><p><br></p><h2><strong>☞ HOW TO APPLY CHANGES TO THE BULLETS</strong></h2><p><br></p><p>1. Select the bullets instance layers via the new quick-select feature or manually.</p><p><br></p><p>2(A) - You can swap bullets by clicking on a different bullet style via on the plugin.</p><p><br></p><p>2(B) - You can change size of the bullets or the auto-layout spacing and alignment via the built-in Figma interface.</p><p><br></p><p>❧</p>
Plugin Preview
About this plugin
Create custom bulleted lists using components and save reusable bullet styles on your file.
NOTE: The plugin doesn't support the native Figma bullet styles. The intended behavior is to create a single instance layer for each list item.
—————
☞ HOW TO CREATE A BULLET STYLE
1. Create a Figma component with your preferred design for the bullet. Make sure to set Scale as constrain on the all component's children; The bullets instances on the list will inherit the size of this component, you may want to adjust its dimension according to your scenario.
2. Select the bullet component and click the plus icon on the plugin panel to save it as bullet style;
—————
☞ HOW TO APPLY A BULLET STYLE
1. Select at least one or more layers;
2. Click one of the bullet styles available to add one bullet instance for each selected layer on the canvas. The plugin will organize your layers into a list using Figma Auto-Layout.
—————
☞ HOW TO APPLY CHANGES TO THE BULLETS
1. Select the bullets instance layers via the new quick-select feature or manually.
2(A) - You can swap bullets by clicking on a different bullet style via on the plugin.
2(B) - You can change size of the bullets or the auto-layout spacing and alignment via the built-in Figma interface.
❧
Plugin Details
Version | 6 |
---|---|
Created | July 21, 2019 |
Last Updated | May 3, 2020 |
Category | Uncategorized |
Creator | Mirko Santangelo |
Stats | 29971 installs, 424 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:./build/ui.html
- main:./build/plugin.js
More Like This
Discover other plugins in the same category.