Skip to main content
Question

Running Figma Offline using loadAllPagesAsync() or other?

O

I want my Figma UI to continue running even when the internet connection is down.

I thought I could achieve this via loadAllPagesAsync() [ figma | Plugin API ] which ‘Loads all pages of the document into memory’.

My UI is comprised of three frames: A, B and C.

I use conditional logic (referencing my local variables which a custom plugin changes every 1 second, for testing purposes ) and the mousehover event over my Frames to establish UX behaviours.

I run the plugin and as the variables change and the mouse over event is active screen A,B or C switch in and out accordingly.

When I run my UI and then kill the wifi connection I get the following errors in my console (see below) and the UX stops working ( plugin still running and variables changing but screen not transitioning in response to mouseover and conditional logic.

Any suggestions on how to achieve offline Figma please?

Thank you for your time

[MultiplayerSession] connecting to wss://www.Figma.com/api/multiplayer/gPMIlcK14XmR8ZJWm6gw3l?role=editor&tracking_session_id=4DOetlAIabiRssI3&version=124&recentReload=0&file-load-streaming-compression=&scenegraph-queries-initial-nodes=0%3A1&incremental-loading-validation=0&user-id&client_release=&clientID=&reconnect-key=&reconnect-sequence-number=71819&initialFileVersion=70&previousLoadMode=incremental

WebSocket connection to ‘wss://www.Figma.com/api/multiplayer/gPMIlcK14XmR8ZJWm6gw3l?role=editor&tracking_session_id=4DOetlAIabiRssI3&version=124&recentReload=0&file-load-streaming-compression=&scenegraph-queries-initial-nodes=0%3A1&incremental-loading-validation=0&user-id=&client_release=&clientID=&reconnect-key=&reconnect-sequence-number=71819&initialFileVersion=70&previousLoadMode=incremental’ failed: Error in connection establishment: net::ERR_INTERNET_DISCONNECTED

POST https://www.figma.com/api/figment-proxy/monitor net::ERR_INTERNET_DISCONNECTED

5 replies

Gleb
  • Gleb
  • Power Member
  • 4706 replies
  • June 19, 2024

Prototype needs active connection in order to work. You can continue working in the file and then reopen the prototype once you get the connection back.

O

Thank you very much for your response, @Gleb .

If ‘prototype’ needa an active connection to work then I can infer that <??? > does not need an active connection to work.

What is the ???, please?

Do I need to ‘publish’ the UI from the offline mode to take effect?

Gleb
  • Gleb
  • Power Member
  • 4706 replies
  • June 20, 2024

Editor UI can work offline.

Basically yes. The file needs to be saved to the cloud and then the prototype can be retrieved from the cloud.

O

Thank you again for your feedback, @Gleb .

I can and have successfully published plugins to my ‘organisation’.

I don’t see an equivalent option for publishing a project.

I see ‘share->publish to community’ but not a ‘share->publish to organisation.’

Any suggestions or insight, please?

Gleb
  • Gleb
  • Power Member
  • 4706 replies
  • June 21, 2024

What? No. I thought by “publish” you meant save. Figma is cloud software, nothing is saved on your computer, so you can’t fully work offline with it. You can’t load files or prototypes offline. You can’t get file or prototype updates offline. If you make changes to a file while offline, these changes won’t be saved until you are online again. File and prototype are not connected while you are offline. They are connected via the Figma server. If you are offline you can’t connect to Figma server.

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