Skip to main content
Solved

Passing Code.JS or Code.TS values/variables to UI.HTML

D_S

Hello! I’m currently working on a plugin and I’m trying to pass the Font Size value to display within my Plugin UI. I’m retrieving the value via const selection = figma.currentPage.selection["0"].fontSize; but I can’t seem to get it to display within my plugin UI. I’ve tried document.getElementById('font_field').innerText = (figma.currentPage.selection["0"].fontSize); but no luck.

My main goal is to actually just pass the value to a tensor flow script that’s working within my html doc but to also display it within the UI.

How do I communicate between the two files? : )

Thank you!!

Best answer by tank666

You must send the message using postMessage.

figma.com
View original
This topic has been closed for comments

3 replies

tank666
  • tank666
  • 4863 replies
  • Answer
  • July 6, 2021

You must send the message using postMessage.

figma.com
UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank666
D_S
  • D_S
  • Author
  • 4 replies
  • July 6, 2021

Worked like a charm, thank you!

Leonardo_Ratzlaff1

I’m using postMessage

figma.ui.postMessage({ type: 'results', updatedComponents}, '*');

but I get the following error:
Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.

Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings