Design the Canvas Rendering Engine
Figma runs entirely inside a browser tab. When you open a design file, the whole editor is drawn by code shipped to your machine: the canvas you draw on, the shapes and text and frames. A server does not paint it and stream it down. A single file can hold tens of thousands of vector nodes, and some real files run past a hundred thousand. As you drag the canvas around or spin the zoom wheel, every one of those nodes could in principle need redrawing sixty times a second. So this is a rendering-engine problem, the kind a game studio solves, running on a web page. Almost every other design round in this course is about servers talking to each other. This one is not. It is about one CPU and one GPU keeping up with your eyes.
FigmaPremium lesson · System design round
The Figma design, worked end to end.
- The API and data modelSystem design
- The design, drawn out1 diagram
- 4 deep divesWith the tradeoffs
$49 a year · all 100 companies · cancel anytime
From 20,000+ candidate reports, forum threads behind logins and write-ups in Chinese.
Figma interview guideKnow what Figma asks before you walk in.
28 coding · 5 system design · 17 behavioral questions
Get their questions first.
InterviewLegend is independent and not affiliated with or endorsed by any company it covers.