Canva Front End Interview Questions
Find the latest version of this page on GreatFrontEnd's Canva Front End Interview Guide.
JavaScript coding questions
- Standard promise-based JS question (the kind common in most practice sets).
- "Language proficiency" round: build an in-memory comment service in TypeScript. Prep covers DOM mutations, event handling, async, and core JavaScript fundamentals. They send a starter pack of HTML/CSS/JS files ahead of time — set up your TypeScript environment before the interview.
User interface coding questions
- Implement the logic for a crossword-style game. Starter code is provided. Clarify the game rules early — they're not always obvious.
- AI-assisted coding round: design a fully React-based editor with React components and allow users to add their own components. Practical follow-ups involve HTML5 canvas, drag-and-drop zones (
react-dnd), and libraries like GrapeJS / CraftJS for modular drag-and-drop editors.
System design questions
- Build a production-grade Figma clone (drawing tool).
- Read answer (Paid)
- Discuss design of Netflix, Uber, or Google Docs (sent ahead of time as example questions).
- Read answer (Netflix) (Paid)
- Read answer (Google Docs) (Paid)
- "Pop quiz" style system design: what client-side tech to use when scaling an SPA, what is an SPA, what are the alternatives.
Insider tips from the GreatFrontEnd community
These tips were shared by GreatFrontEnd users who have completed interviews with Canva.
February 2026:
It looks like Canva has updated their process — my guide mentions an AI-Assisted Programming (AIP) round instead of the standard DSA/LeetCode screen. There's also a System Design & Architecture session that's very backend-heavy. If you're prepping, expect questions to focus more on backend depth in the system design and on AI-tool fluency in coding, not pure DSA.
September 2025:
I interviewed for the Frontend SSE role at Canva about 4 years ago and there wasn't anything too leetcode-y. One round was a fairly standard promise-based JS question, the kind you often see in practice sets. Another was UI-focused — implement the logic for a crossword-style game. There was some starter code so I had to build on top of it, and I'll admit I didn't fully understand the game rules during the interview. Clarify the rules early before you start coding.
June 2025:
The problem presented for the AI-assisted coding interviews was one of the problems I practiced: "Create a production-grade Figma clone". I got lost discussing requirements, couldn't figure out what the interviewer wanted, they kept asking what I thought the scope should be. Built a canvas with drag-drop rectangles.
June 2025:
Had a weird interview experience with Canva for Senior Frontend Role, for system design they sent me a list of example questions (build Netflix, uber, google docs etc) and heaps of study links, then when it came down to the system design interview it was like a weird pop quiz about what client side tech to use when scaling an SPA, also questions like what is SPA what are the alternatives, the questions were all straight forward and I felt I have good answers but I was so tilted by this weird format after spending weeks practicing system design white boarding
Then similar thing happened with the language proficiency round, was given a list of topics to prepare; dom mutations, event handling, async & core JavaScript fundamentals, they even sent me a starter pack html/css/js files, so I practiced building little apps in vanilla js very confident, then when it came to the interview.. ok let’s build an in memory comment service in TypeScript.. I got completely tilted, didn’t have a typescript env configured, decided to do it in pure js but failed as I got hung up on the data structure the interviewer was suggesting
October 2024:
I did one two years ago but now the recruiter says they're doing leetcode/hackerank style for the first round, this is for staff level.
For more insider tips, visit GreatFrontEnd!