Automatic Change Text Color When Using CSV Populate

Hi there,

Thanks for the post! To confirm what you’d like to achieve, would you like to do kind of this?

Hope to explore a possible solution together!

Thanks,
Toku

Hi Toku,

Yes that is excatly what I’m looking to do.
I do however also want it to color symbols with the exception of spaces if thats possible (.,^'^#_-! and so on).

Sincerely
Christian

Hi Toku,

Yes that is excatly what I’m looking to do.
I do however also want it to color symbols with the exception of spaces if thats possible (.,^'^#_-! and so on).

Sincerely
Christian

Thanks! Though I asked you to clarify, I’m not sure how to achieve it yet. Probably, making an own plugin would be the solution since this is not achievable with the built-in feature, I think. I really hope somebody from community will find the solution!

I have never tryed to code nor make my own plugin. I tryed asking ChatGPT which came with a code for it. But how do I even make that?

Javascript:

// This is the entry point for the Figma plugin
Figma.showUI(html);

// When the plugin is run, this code will execute
Figma.ui.onmessage = (msg) => {
if (msg.type === ‘applyColors’) {
// Get the selected text node
const textNode = Figma.currentPage.selection[0];

if (textNode && textNode.type === 'TEXT') {
  const characters = textNode.characters.split('');

  // Get user-defined color palette
  const colorPalette = msg.colors;

  // Apply colors to each character
  characters.forEach((char, index) => {
    if (char !== ' ') {
      const colorIndex = index % colorPalette.length;
      const color = colorPalette[colorIndex];

      // Set character color
      textNode.setRangeFills(index, index + 1, [{ type: 'SOLID', color }]);
    }
  });

  // Close the plugin
  figma.closePlugin();
} else {
  figma.closePlugin();
}

}
};

Html:

Color 1:

Color 2:

Color 3:

Color 4:

Color 5:

Apply Colors

Thanks for replies! Here is a plugin development guide - https://help.figma.com/hc/en-us/articles/360042786733-Create-a-plugin-for-development.

It might take time to learn coding, but I think it’s a great idea to use AI to make a plugin!

I hope these help.

Thanks,
Toku

Thanks alot, I’ll try looking into this 😁