Enable "figma", "dev" mode in same plugin

Plugin and Widget API Questions
1

We have been trying to enable dev mode for our Figma plugin. Plugin ideally should support both Figma and dev mode but released version does not work in dev mode.

All the functionalities works fine in local development built, we can use Figma and dev mode features without any problem. On the other hand released version does not display codegen option for our plugin.

We played around with different manifest settings but could not succeed.
Could you help with this issue?

"editorType": ["figma", "dev"],
  "capabilities": ["codegen", "vscode", "inspect"],
  "codegenLanguages": [
    { "label": "Android", "value": "KOTLIN" },
    { "label": "iOS", "value": "SWIFT" }
  ],
2

Looking at your manifest file code snippet, your plugin must run in both Figma Design Mode and Figma Dev Mode (both the Inspect and Plugins tabs), and is also compatible with VS Code. That is, everything is in order here.

Do I understand correctly, you published an update to the plugin, but something went wrong in Figma Dev Mode? Also, could you clarify what you mean by “does not work”? Are you seeing any errors in the Figma UI or console? Have you tried clearing the app cache, reloading the file tab, or restarting the app/computer?

What codegen option are you talking about? Could you share a video showing what happens when you run both the development build and the released version?

3

Thank you for your quick reply.

I tried the plugin in incognito mode but the results are the same. No errors occurs when the plug in in use.
The screenshots below can explain better what is expected in dev mode.

As you can see in the screenshot, Plugin generates code below as expected. For some reason language also shows CSS and not respecting my selection that I made from Development sub menu.

Local Dev Loaded
Local Dev Loaded319×574 20.9 KB

When the local version is removed, there is no option for our plugin in the language selection menu items. Which means no generated code.

Only Released Plugin
Only Released Plugin315×561 19.8 KB

Side not:

  • This plugin is not a public plugin and only available in our community.
  • Our manifest also has “menu” items. In case you want to reproduce the issue.
"menu": [
    { "name": "Manage", "command": "open-ui" },
    ...
]

There is this error in the console but It happens when I try to select other Code Languages.
TypeError: Cannot read properties of null (reading 'variableResolver')

4

This definitely looks weird, so I recommend you submit a bug report to support.

Just to clarify if I understand you correctly: is the plugin private and published within your organization? If so, has your plugin been added to the organization’s list of approved plugins (if the organization admins have restricted access)?

5

This definitely looks weird, so I recommend you submit a bug report

Thanks will do that.

is the plugin private and published within your organization? If so, has your plugin been added to the organization’s list of approved plugins (if the organization admins have restricted access)?

Other users in the organization can already use the plugin Figma features. Do we need additional approval for dev mode features? Would this help with our problem?

6

Sorry, private plugins do not require approval.

Require approval for plugins and widgets
Note: These settings don’t apply to private plugins or widgets published by people in your organization. Private plugins and widgets are available to every member in your organization and don’t require approval.

Source: Manage plugins and widgets in an organization