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)
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
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 support-share@figma.com (with edit access), so they can take a closer look. Thank you!
I can report that exact same behavior and same ~5second delay (minimum, sometimes longer). I got a bit over excited about how close I could make the prototype to a functioning app for some pages and hit this wall.
I was setting a bunch of variables on each click, but now even 1 creates the 5 second slow down. I am removing variables now to see if I can find a threshold or spot where it gets too bloated.
While big, my prototype is only 15% memory. It’s not available memory which leads me to believe it isn’t something users can fix.
I got the same issue in an onclick “change to” the transition was instant, but when adding setting variables in the same onclick the transition became laggy and delayed. (Each set variable seemed to add ~0.5s time to the delay)
Hey @CodeChum_UX_UI, our team is still waiting for a reply from you regarding getting access to your file on ticket #932908. Did you already self-solve your issue? If not, please check your inbox or possibly your spam folder, just in case it landed there by mistake.