Skip to main content
Question

Design is not reflected in Figma widget plugin. someone help me

  • December 24, 2023
  • 4 replies
  • 368 views
Takahiro_Kinoshita

I don’t have much knowledge about development, but I’m currently trying to develop a Figma widget plugin.

environment
mac
Figma App
Created file
https://drive.google.com/drive/folders/1dEtAVafP6NSPa51gc8Myt4-MxMhWE43o?usp=drive_link

I’m trying to develop and test a music player widget app. Initially, an error occurred, but the error was resolved by deleting the Author etc. in the manifest.json file. However, the design created in ui.html is not reflected. Is it possible for you to tell me what to do when I have a moment?

taka

This topic has been closed for replies.

4 replies

tank666
  • tank666
  • 4873 replies
  • December 24, 2023

In your widget code (code.js and code.tsx) I didn’t see that you were calling the iframe (figma.showUI() method). Please see the developer documentation:

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
Takahiro_Kinoshita
1 person likes this
  • Takahiro_Kinoshita
    Takahiro_Kinoshita
Takahiro_Kinoshita

thanks @tank666 Thank you for your kind gesture.

I included the Figma.showui code including these, but there was no response. There are some parts that I don’t understand due to my lack of knowledge, which causes trouble. I plan to update and improve these further.

Creating Figma Widgets: Introduction

After watching these videos, I decided to change my way of thinking and try making a music player again. If you use a widget code generator, you can create a plug-in from the design, so I will try it out. However, in either case, I would like to obtain a separate method to reflect ui.html in the design.

tank666
  • tank666
  • 4873 replies
  • December 24, 2023

UI.html cannot live on canvas in the Figma editor. It can only be displayed in an iframe.

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
Takahiro_Kinoshita
1 person likes this
  • Takahiro_Kinoshita
    Takahiro_Kinoshita
Takahiro_Kinoshita

Thank u @tank666! I understand! thank you for your kind reply.

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