Connect Clawsmith to your coding agent. Ship products like crazy.Unlimited usage during betaGet API Key →
← Back to ideas
clawsmith.com/idea/figma-relative-line-height-variables
IdeaCompetitivefigmadesign-systemstypographyLive

A web app and Figma plugin that binds relative line-height values to type-scale variables and keeps them in sync across a design system

Figma's native variable system only accepts pixel (numeric) values for line-height. Percentage-based line-height tokens are silently skipped when exporting from Tokens Studio to Figma variables, breaking any design system that uses relative line-height (e.g. 1.5x or 150%) as part of its type scale. This plugin solves the problem by storing relative line-height as a multiplier variable, computing the resolved pixel value per text style at apply-time using the bound font-size variable, writing it back to the text layer, and flagging any drift whenever the type scale changes. Designers define their line-height rules once (e.g. heading=1.2, body=1.5, caption=1.4) and the plugin propagates correct computed values across every text style in the file without manual recalculation.

Demand Breakdown

DISCOURSE_FORUM
462

Gap Assessment

CompetitiveMultiple tools exist but differentiation opportunities remain

4 tools exist (, , , )

Features8 agent-ready prompts

Relative line-height variable definition panel
Computed value applicator across type scale
Drift detection and sync status panel
Font-size variable change listener and re-sync trigger
Text style category auto-assignment
Token export bridge for Tokens Studio and W3C DTCG
Baseline grid alignment mode
Multi-file and library sync via Figma REST API

Competitive LandscapeFREE

ProductDoesMissing

Leads1BUILDER

@Mark_McIntyre
1 people already want this

Sign in to unlock full access.