Help needed: Adding Text to createShapeWithText 🛠️

Hello Friends of Figma!

I’m building a Figjam plugin which generates shapes with dynamic text content, and I need your expertise to make it perfect!

I’m using the figma.createShapeWithText() function, which creates a nice shape just as expected. However, when it comes to adding text, I’m a bit stuck. I want to pass the randomText variable into the “characters” property, but no luck so far. :confused:

Has anyone here cracked the code for a similar situation? Your valuable insights would mean a lot to me!

Here’s what I’ve done so far:

async function createRandomTextShape() {
  const x = 100;
  const y = 100;
  const randomText = "Aliqua consequat elit ipsum.";

  const shapeWithText = figma.createShapeWithText();
  shapeWithText.shapeType = "ROUNDED_RECTANGLE";
  shapeWithText.x = x;
  shapeWithText.y = y;


  shapeWithText.fontSize = 12;
  shapeWithText.textAlignHorizontal = "CENTER";
  **shapeWithText.text.characters = randomText;**


Massive thanks

Before changing text properties, you need to load the font.

Also you should change these lines:

shapeWithText.fontSize = 12;
shapeWithText.textAlignHorizontal = "CENTER";


shapeWithText.text.fontSize = 12;
shapeWithText.text.textAlignHorizontal = "CENTER";

Thanks a lot Yury! I managed to do it :wink:

As you said I had to load the font before calling figma.createShapeWithText();

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.