← Back to Projects

Figma Clone

Frontend Project

A functional clone of Figma’s core features built with React and Tailwind CSS, allowing users to create, drag, resize, and manage shapes on a canvas. This project showcases real-time design manipulation with an intuitive interface and efficient component structure.

Technologies Used:

ReactTailwind CSSTypeScriptVite

View Live

My Role

I built this project independently to replicate key design interactions from Figma. My focus was on implementing a responsive, performant canvas where users could intuitively interact with shapes in real-time.

Key Highlights

• Users can create, drag, resize, and delete shapes within the canvas.
• State management and real-time interactivity using efficient React patterns.
• Canvas rendering optimized with performance in mind using TypeScript and Vite.
• Responsive layout and clean UI built entirely with Tailwind CSS.

Note

This project pushed me to understand design tools at a deeper level and sharpened my skills in handling complex state and user interactions in the browser.