UX tools are dedicated tools for helping teams to accelerate UX workflows.
Function as a Service which takes a raw SVG file in input and will return an optimized SVG as output. It's only reachable on the Talend network, for some performance reasons, at https://svg-optimizer.tools.dev.datapwn.com.
Talend's icons are built over Figma. And Figma is the single source of truth where raw icons must continue to live. That's why we want to automate the process of optimization even in our Figma files and in the codebase.
To do so, we have two ways:
- the downloader binary, which can be part of a GitHub Action triggered by webhook.
- the Figma plugin, which can be used in-app (example Figma), on a single icon, and "pathfinds" anything that's not colored with the
neutral/icondesign token.
This script helps you to get all Icons stored in a Figma file and, in the meantime, to optimize them one-by-one on the fly. Those icons will be stored next to from where the script will be run.
sequenceDiagram
participant C as Client
participant F as Figma
participant S as Server
loop For all icons and their variants (12, 16 and 24px)
C->>F: GET icon
F-->>C: raw icon
C->>S: POST raw icon
activate S
S-->>C: optimized icon
deactivate S
end
This plugin helps you to generate the simplest optimized copy of an icon, using the SVG Process service, next to the original.
sequenceDiagram
participant F as Figma
participant S as Server
loop For all selected icons
F->>S: POST current selection
activate S
S-->>F: optimized icon
deactivate S
end