lorp/figma-colrv1

Figma plugin to support COLRv1 fonts including variable

figma-colrv1's Issues

Determine locations for font files

The Noto Color Emoji font, as well as the default set of fonts in the Text mode, need to be hosted somewhere rather than be delivered with the plugin. Their locations are defined in fontlist.js, and are currently either https://www.axis-praxis.org/ or https://raw.githubusercontent.com/. Neither of these domains is ideal for production — githubusercontent.com is not a CDN, and axis-praxis.org is not set up for heavy traffic.

Note that any domains from which assets may be downloaded by a plugin must be listed in manifest.json — one cannot dynamically download from arbitrary URLs (e.g. by letting users enter a URL).

Note also that, to minimize bandwidth, Noto Color Emoji has had its SVG table removed and is compressed as a WOFF2 file.

Allow previewing/editing of alpha channel when editing palettes

For the preview, we can divide the little square into two, diagonally: top-left without alpha, bottom-right with alpha against a white or checkered background.

For editing, a separate little widget will be needed. (The standard browser input[type=color] does not offer alpha editing.)

Add alpha value changes option.

It's a nice feature available by the format and would be a good option to bring to the plugin users.

Add an emoji picker

These may help:

https://jsbin.com/kesuteh/1/edit?css,js,output
https://jsbin.com/cabenoz/edit?css,js,output

TypeError: Cannot read properties of undefined (reading 'fvs')

Happens once per font load. Seems to be a TypeScript issue.

Add CSS output to the UI

This would be intended for designers to copy & paste when implementing designs. Idea prompted by @chrissimpkins

Decide UI relationship to the UI in Material Symbols Figma plugin

This plugin has an attractive UI. Should this plugin match it as far as possible?

https://www.figma.com/community/plugin/1088610476491668236

Allow other fonts! (drag & drop)

Currently the plugin is limited to fonts that are in its menu. There must be a way to add new fonts, via drag-drop as well as via a URL.

Features could get clipped

When changing an axis like Extrusion Depth EDPT in Nabla, a portion of the extrusion gets clipped. If the element is moved inside the frame and the axis value is changed again, the element returns to the initial position.

Screen.Recording.2023-08-10.at.22.25.06.mov

Add rate limiter for slider controls

It doesn’t make sense to do more than 30 renderings/sec. Current rate on Mac M1 is around 60. This leads to a lag on complex fonts.

Origin should be at baseline, not change according to font-size

Either add a y offset inside the SVG output or place the Figma node differently using the Figma API.

Could changing the font take effect as soon as the new one is picked?

When selecting a new font, it doesn't appear to take effect. It takes a couple of secs and it only takes effect until the user also changes the text or hits cmnd + z, but this changes the word.

figma-colrv1-picking-font.mov

Add reset values option

This option would be great if you regret and want to take back the changes done into the palette options. cmd + z doesn't work.
But even if it worked, sometimes user would like to go back to defaults in a single step.