Figpro

Real Time Figma Clone

A modern collaborative design tool built with React, TypeScript, Next.js, Liveblocks, Fabric.js, and Tailwind CSS.

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start

🤖 Introduction

FigPro is the latest iteration of our collaborative design tool, providing teams with a powerful platform for creating and editing designs together in real-time. With a focus on speed, simplicity, and flexibility, FigPro is perfect for designing prototypes, wireframes, and user interfaces.

⚙️ Tech Stack

• React
• TypeScript
• Next.js
• Liveblocks
• Fabric.js
• Tailwind CSS

🔋 Features

• Real-time Collaboration: Multiple users can work together simultaneously on a design project, with changes reflecting instantly for all participants.
• Version History: FigPro automatically tracks the history of changes made to a project, allowing users to revert to previous versions if needed.
• Customizable Workspace: Users can customize their workspace with various tools, color schemes, and layout options to suit their preferences.
• Interactive Canvas: Fabric.js powers the interactive canvas, providing a wide range of drawing and editing tools for creating stunning designs.
• Liveblocks Integration: Liveblocks enables seamless real-time collaboration features, including cursor chat, comments, and reactions.
• Responsive Design: FigPro's interface is responsive, ensuring a seamless experience across different devices and screen sizes.
• Easy Deployment: Built with Next.js, FigPro offers easy deployment and scalability, making it suitable for projects of all sizes.

🤸 Quick Start

Follow these steps to start using FigPro:

Prerequisites

Make sure you have the following installed on your machine:

• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/AmanSagar0607/FigPro.git
cd FigPro

Installation

Install the project dependencies using npm:

npm install

Running the Project

npm run dev

Open http://localhost:3000 in your browser to start using FigPro.