Back to Plugins
Name Lint

Name Lint

<h2>Name Lint</h2><p>An easy way to find and rename all default-named elements in the current page.</p><p>Default-named elements include (where N is a number):</p><ul><li>Frame N</li><li>Group N</li><li>Rectangle N</li><li>Ellipse N</li><li>...</li></ul><h2><strong>Why?</strong></h2><p>This plugin is particularly useful to prepare designs for developer-handoff, where developers usually name their variables and classes using the designers names.</p><p>Having the same element names in both Figma and your codebase makes the communication between designers and developer easier, but also makes it easier to backtrace elements from code to design and iterate faster.</p><h2>More <strong>info</strong></h2><p>Open source: <a href="https://github.com/richardguerre/figma-name-lint" rel="noreferrer noopener nofollow" target="_blank">https://github.com/richardguerre/figma-name-lint</a></p><p>Inspired by the <a href="https://github.com/destefanis/design-lint" rel="noreferrer noopener nofollow" target="_blank">Design Lint</a> Figma Plugin by destefanis.</p>

documentationsystemlintframehandoffdesign systemcomponentsname

Plugin Preview

Name Lint preview

About this plugin

Name Lint

An easy way to find and rename all default-named elements in the current page.

Default-named elements include (where N is a number):

  • Frame N
  • Group N
  • Rectangle N
  • Ellipse N
  • ...

Why?

This plugin is particularly useful to prepare designs for developer-handoff, where developers usually name their variables and classes using the designers names.

Having the same element names in both Figma and your codebase makes the communication between designers and developer easier, but also makes it easier to backtrace elements from code to design and iterate faster.

More info

Open source: https://github.com/richardguerre/figma-name-lint

Inspired by the Design Lint Figma Plugin by destefanis.

Plugin Details

Version1
CreatedJanuary 16, 2021
Last UpdatedJanuary 16, 2021
CategorySoftware development
CreatorRichard Guerre
Stats702 installs, 67 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js