Hi, I’ve been using Figma to design our company’s application for over 5 years now and was prototyping using the traditional method of using spaghetti lines and gazillion frames to present a feature, so when I discovered their recent release about variables, I was excited to try it out and implement it for our team to be more efficient in making prototypes with lesser frames at a lesser amount of time.
I’ve had no problems using variables in my early stages of designing for our product so far, until this particular instance: http://tinyurl.com/3rh2py3t
The process flow for this is as follows:
- Click the first item (tagged “Console”)
- Transfer through each tabs available on the modal (this is made using variables, see attached pictures)
When presenting the prototype, the error happens on step #2, where you will experience stuttering of the prototype and a laggy response (about 5s).
Did I do something wrong with the prototype? Did I mess up with my variables or something? Or is this just Figma? Please let me know. Thanks!
here is the configuration of tabs:
Hi there! Thanks for reaching out to the community.
Can you please share a quick video recording where the issue happened ("stuttering of the prototype and a laggy response -about 5s- ") to check if we can replicate on our end? I tried to navigate in the prototype tab, and it seems to work as it should on my end, but I may miss something.
Also, can you double check if the issue happened in browser, desktop app or both? As our first troubleshooting steps here, can you try to accept all pending updates (if any), then clearing out both your desktop apps and browser cache and see if there are any improvements?
You can clear the desktop app cache on a Mac in the Help menu under Troubleshooting. If you’d prefer to manually clear your cache, you can:
- Quit the Figma desktop app
- Open Terminal.app and enter the following command: rm -rf “$HOME/Library/Application Support/Figma”
- Try opening the desktop app again
You can clear the desktop app cache on Windows under the toggle-arrow at the right of the top toolbar under Help > Troubleshooting. If you’d prefer to manually clear your cache you can:
- Close the Figma desktop app
- Open the Start menu, and paste in this, followed by enter: %APPDATA%\Figma
- In the window that opens, delete the Desktop and DesktopProfile folders if they exist
- Launch the desktop app again
Hope this helps!
Hi @Celine_Figma ! Thanks for this! I’ve tried it on the web browser and desktop app and both are showing the same issue. Here’s a Loom video of me explaining what I’m trying to achieve and it shows how I set up the variables and how the prototype seems to be broken or laggy (which now responds in about 24s or so): https://www.loom.com/share/93b6d61d80dd48428fb161a38f6af43c?sid=a8e01c46-9398-4053-a7bb-d865d2270895
I’ve tried clearing up the desktop app cache but it doesn’t seem to solve the problem for me. Please send help, thanks so much, really appreciate it!
Hey @CodeChum_UX_UI , thank you for the detail video recording!
Ohh, I can also now replicate, it’s also laggy on my end! (10 seconds when I clicked on “Test”, and “Used In” works perfectly)
From what I see, the root cause might be from your large file, that causes a slow performance. I’d recommend you first to try to reduce memory usage in your file, this guide shares some tips to solve it: here
If the issue still persists, please reach out directly to the support team: here The technical team can investigate further.
Please also make sure to use the email associated with your Figma account, including your video recording, a link to the file, and share the file with email@example.com (with edit access), so they can take a closer look. Thank you!
Thanks @Celine_Figma ! Unfortunately, memory usage isn’t also the case on my end, as it currently displays only 3% for this page
I will try reaching out to them directly about this, and hopefully they can end my burden T_T thanks so much for your guidance!