Back to Plugins
Bullets

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>

listtextbulletstypographystyles

Plugin Preview

Bullets 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

Version6
CreatedJuly 21, 2019
Last UpdatedMay 3, 2020
CategoryUncategorized
CreatorMirko Santangelo
Stats29971 installs, 424 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:./build/ui.html
  • main:./build/plugin.js

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.