Skip to main content
Takahiro_Kinoshita
Takahiro_Kinoshita
New Participant
December 24, 2023
Question

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

  • December 24, 2023
  • 4 replies
  • 459 views

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
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/@tank
    Takahiro_Kinoshita
    Takahiro_KinoshitaAuthor
    New Participant
    December 24, 2023

    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
    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/@tank
      Takahiro_Kinoshita
      Takahiro_KinoshitaAuthor
      New Participant
      December 25, 2023

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

      Terms & ConditionsAccessibility statement