Skip to content

Theme: Update Figma plugin to convert additional properties #73407

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
aduth wants to merge 8 commits into from
Closed

Theme: Update Figma plugin to convert additional properties #73407

Changes from 1 commit
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
670812a
Remove redundant primitives renaming
aduth Nov 18, 2025
3545a95
Theme: Expand README to explain general token naming scheme
aduth Nov 18, 2025
9dc5ed8
Theme: Update Figma plugin to convert additional properties
aduth Nov 18, 2025
93f30ba
Remove "Semantic" folder in Figma output
aduth Nov 21, 2025
062fd54
Avoid abbreviating Figma output variable names
aduth Nov 21, 2025
de26204
Remove tone from color variable output
aduth Nov 21, 2025
9a5ccab
Simplify property name calculation using property
aduth Nov 21, 2025
e748ace
Update Figma export to retain original structure
aduth Dec 5, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Remove redundant primitives renaming 
Primitives are no longer included in the output, as their values are instead inlined
  • Loading branch information
@aduth
aduth committed Nov 21, 2025
commit 670812a09a532870217f5d0262b366d7edca3c44
7 changes: 0 additions & 7 deletions packages/theme/bin/terrazzo-plugin-figma-ds-token-manager/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,14 +31,7 @@ function transformTokenName( { id }: { id: string } ) {
// Capitalize first segment
.replace( /^(\w+)\./g, ( _, g1 ) => `${ titleCase( g1 ) }/` )
// Capitalize
.replace( /primitive\./g, '_Primitives/' )
.replace( /semantic\./g, 'Semantic/' )
.replace(
/(color\/_Primitives)\/(\w+)\.(.*)/gi,
( _, prefix, tone, rampStep ) => {
return `${ prefix }/${ titleCase( tone ) }/${ rampStep }`;
}
)
// Color-specific transformation for semantic tokens:
// - add extra folder (Background, Foreground, Stroke)
// - swap "tone" folder order, capitalize
Expand Down