0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

Variable-Width Stroke

by Evan Wallace

users
28K
likes
609
saves
13K
comments
40
FreeWorks inFigma Design
Price
Free
Latest version
v1 · Dec 2, 2020
First published
Dec 2, 2020
Publisher
Evan Wallace
Features

What Variable-Width Stroke does

Summarised from Evan Wallace's description on the Figma Community.

  • Draw a stroke with the pen tool

  • Select the stroke

  • Run this plugin

  • Edit the stroke within the plugin window. This lets you adjust the stroke thickness

  • Manifest

    Edit Variable-Width Stroke

    A quick action you can run from the Actions menu (Cmd/Ctrl + K).

On this page
Overview

About Variable-Width Stroke

Variable-Width Stroke is a free Figma plugin published by Evan Wallace in 2020. It works in Figma Design and has 28,349 users and 609 likes on the Figma Community. It ranks #14 in Variables & Tokens on our lists.

In the developer's words

This plugin adds support for variable-width stroke to Figma. To use:

  1. Draw a stroke with the pen tool.
  2. Select the stroke.
  3. Run this plugin.
  4. Edit the stroke within the plugin window. This lets you adjust the stroke thickness.

Because Figma plugins cannot directly augment Figma's editing tools, variable-width stroke is only editable within this plugin's window. Once you edit an object using this plugin, the stroke will be "outlined" (i.e. be replaced by a fill) when you go back to Figma. It's still possible to edit the variable-width stroke object again after closing the plugin by selecting the object and re-running this plugin.

More detailed instructions are available in this plugin's help menu.

Changelog

What's new

Version 1 · released Dec 2, 2020

The developer didn't publish release notes for this version.

Trust

Permissions and privacy

Network access

This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where Variable-Width Stroke ranks

Compare

Variable-Width Stroke alternatives

  1. 369K users7.6KFree + paid features

    The scalable design tokens solution for Figma

  2. 205K users3.1KFree + paid features

    Extended swap for variables/styles/components, export variables/styles, bulk-audit library & mockups

  3. 140K users3.3KFree + $15 upgrade

    Apply styles and variables to all your designs with one click!

  4. 91K users1.7KFree

    Export variables from one file and import them to another. Supports modes, references, and scopes.

  5. 5

    Styles to Variables

    by Yann-Edern Gillet

    90K users1.1KFree

    Convert your Figma Styles into Variables

  6. 6

    Variables Pro

    by Figterate

    82K users479Free

    Variables Pro | Swap, Import, Export Variables

FAQ

Variable-Width Stroke FAQ

What does Variable-Width Stroke do?

It's a Figma plugin by Evan Wallace that runs in Figma Design.

Is Variable-Width Stroke free?

Yes. Variable-Width Stroke is free to install and run from the Figma Community, with no paid tier listed.

How do I install Variable-Width Stroke?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Variable-Width Stroke?

By user count, the closest alternatives are Tokens Studio for Figma, Design System Organizer and Styles & Variables Organizer. Compare all of them on the best Figma plugins for variables & tokens.

For developers

Built this plugin?

Use this page as a landing page for Variable-Width Stroke: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Variable-Width Stroke on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/variable-width-stroke/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Variable-Width Stroke on figmaplugins.co" width="220" height="48"></a>