Build and Deploy a Figma Clone

📚 Materials/References:

Time Stamps 👇
00:00:00 - Intro
00:04:39 - Setup
00:09:13 - Liveblocks
00:16:07 - File Structure & Shadcn
00:25:17 - Live Cursors
01:03:46 - Reactions
01:27:46 - Active Users
01:47:00 - Sidebars
01:49:37 - Canvas
01:58:03 - Toolbar & Shapes Menu
02:08:09 - Real-Time Feature
02:33:03 - History Feature
02:35:00 - Undo & Redo
02:41:42 - Images
02:48:23 - Right Sidebar
02:59:46 - Dimensions Settings
03:07:48 - Text Settings
03:10:15 - Color Settings
03:13:49 - Export to PDF
03:16:16 - Comments Bubble
03:38:47 - Custom Context Menu
03:48:17 - Free Drawing Fix
03:50:38 - TypeScript Types Fix
03:54:04 - Dev Tool
03:55:47 - Deployment

[Yourbegino]

This is the only figma clone video on youtube . hats off to you 🔥🔥

[ronaldtshawe]

I searched for figma clone yesterday and there was nothing…and today you upload a vid 😮 …you are a legend.

[Tapadar.Monsur]

Wow!! Another wonderful project!! I am working on DevOverflow right now, and I am being blown away at every step so far. Thanks for all that you do, Adrian!

[mohitashliya]

I think this is the most comprehensive video ever on whole YouTube.

[haris]

To bring such amazing and unique projects and that too for free on YouTube, you surely deserve our respect. Thanks a lot ❤

[shubhamk]

This is by far the most exciting project you have ever made. we're just loving it ❤️

[lakhdas]

Just watched your Figma clone tutorial and it was awesome – really learned a lot, so thanks for sharing that!
Saw you're going to cover user authentication next, and I can't wait to see it. Eagerly looking forward to the next part! 🔥🔥

[mxcphqu]

Ooooh man, you are too good. Thank You for making it for all developers. Hats off to you!

[effekt.design]

Thanks for what you give to our community :) We appreciate you

[paulab]

18:48 he is actually adding className="text-5xl", just in case any of you are going crazy trying to figure out what have you not configured correctly. You'll see that later on in the video. Worst thing about this sort of tutorials is that you can't go back 15 sec, but he explained really well what to install and set-up. So far it looks like it's comming along, altough for me on this channel some small details

[Aabid]

First completed the antonio's MIro clone, then Webprodigie's website builder clone, and now your's. and now compressing all these in one big project. you guys are awesome. thanks man 💋

[themihirmathurofficial]

Most Unique & Comprehensive Dev Tutorial on Youtube!
Kudos Adrian 🙌🏻

[xade]

This likely is the 1st ever video on such project on YouTube.
Only channel I've recommended to all my friends.

Thanks a lot for giving soo much for free.

[AmosMatthew-xtpi]

I literally thought about how Figma was built. Man this is so useful. I've learnt a lot from your channel. Thanks a lot man.

[iMythms]

Those were the most amazing 42 hours I've ever put into a project! You absolutely nailed it – thank you!!!

[AjaySingh-jzqx]

I truely respect your efforts I can imagine how much hardwork and efforts you invested to build this project thank you very very much jsm

[jimmyj.]

Totally awesome with full features, so big big awesome works 🙏
Congrats for this amazing project, so many new things to learn 😍

[sarmad]

Thanks man !! i was waiting for a new awesome real time web app. I recently started following you. Your videos give me ton of confidence and knowledge.

[abdulazeezanimashaun]

Wtheck dude?! You taking over the whole Space man 🔥 super lit 🔥
Damn gorgeous! Bravo!! 🎉❤💥

We got to keep this dude safe guys, fr.

[navingrg]

Dude you are literally carrying the whole developer community in your shoulder 💪🏻 keep on going ❤