Skip to main content

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. 😕


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;



  r...]



  shapeWithText.fontSize = 12;

  shapeWithText.textAlignHorizontal = "CENTER";

  **shapeWithText.text.characters = randomText;**



  figma.currentPage.appendChild(shapeWithText);

}

Massive thanks

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

figma.com

Also you should change these lines:


shapeWithText.fontSize = 12;

shapeWithText.textAlignHorizontal = "CENTER";

to


shapeWithText.text.fontSize = 12;

shapeWithText.text.textAlignHorizontal = "CENTER";

Thanks a lot Yury! I managed to do it 😉


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.

Terms & ConditionsCookie settings