Back to Plugins
Style Docs

Style Docs

<p>A simple and quick plugin to help in creating style guide documentation.</p><p><br></p><p>Menu:</p><p><strong>ON-SELECTED: </strong>runs on the <em>selected </em>texts/rectangles.</p><ol><li><strong><em>Text :</em></strong> Provides font details like font name, size, weight, etc.,</li><li><strong><em>Rectangle : </em></strong>Provides RGB &amp; Hex Color codes.</li></ol><p><br></p><p><strong>FROM-STYLES: </strong>runs from the saved Figma styles.</p><ol><li><strong><em>Text Styles: </em></strong>Provides font details like font name, size, weight, etc.,</li><li><strong><em>Paint Styles: </em></strong>Provides RGB &amp; Hex color codes.</li></ol><p><em></em></p><p>Pre-requisites:</p><p><strong>Un-group</strong> the rectangles/texts before running.</p><p><br></p><p><strong><em>----New Release - changes:</em></strong><em>----</em></p><ol><li><em>Opacity for colors.</em></li><li><em>bug fixes</em></li></ol>

hexpalettetextdocumentguidetonecolordocsvaluesstylesrgbfont

Plugin Preview

Style Docs preview

About this plugin

A simple and quick plugin to help in creating style guide documentation.


Menu:

ON-SELECTED: runs on the selected texts/rectangles.

  1. Text : Provides font details like font name, size, weight, etc.,
  2. Rectangle : Provides RGB & Hex Color codes.


FROM-STYLES: runs from the saved Figma styles.

  1. Text Styles: Provides font details like font name, size, weight, etc.,
  2. Paint Styles: Provides RGB & Hex color codes.



Pre-requisites:

Un-group the rectangles/texts before running.


----New Release - changes:----

  1. Opacity for colors.
  2. bug fixes

Plugin Details

Version5
CreatedMarch 18, 2022
Last UpdatedJuly 19, 2022
CategoryUncategorized
CreatorEzhil Prasanth M
Stats1026 installs, 94 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Editor Types:
    figma

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.