https://github.com/khushipandey8/figpro

This is the clone of figma
https://github.com/khushipandey8/figpro

Last synced: 1 day ago
JSON representation

This is the clone of figma

• Host: GitHub
• URL: https://github.com/khushipandey8/figpro
• Owner: KhushiPandey8
• Created: 2024-12-13T16:10:06.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-15T15:33:40.000Z (about 2 months ago)
• Last Synced: 2025-01-07T15:37:06.510Z (about 1 month ago)
• Language: TypeScript
• Size: 529 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Security: SECURITY.md

Awesome Lists containing this project

README

        
# FigPro - Collaborative Design Platform

FigPro is an innovative, real-time collaborative design platform inspired by Figma. Built using **Next.js** and powered by **Liveblocks**, it enables seamless teamwork on design projects with multiple users working simultaneously.

## 🚀 Features

- **Real-Time Collaboration**: Multiple users can work on the same design, with instant updates visible to everyone.

- **Vector Editing**: Tools to manipulate shapes, lines, and text to create complex designs.

- **Version Control**: Track and revert to previous design versions seamlessly.

- **Interactive Workspace**: An intuitive design interface with drag-and-drop functionality.

- **User Activity Tracking**: See what others are doing in real-time with user annotations and highlights.

  

## 💻 Tech Stack

- **Frontend**: React, Next.js

- **Real-Time Collaboration**: Liveblocks

- **Design Tools**: Custom-built components for vector editing, text formatting, and UI elements.

## 🌟 How It Works

1. **Start a Design**: Begin a new project or collaborate on an existing one.

2. **Invite Collaborators**: Share a link and start working with your team in real-time.

3. **Edit and Sync**: All actions are immediately reflected for all users.

4. **Version Control**: Manage your design history and revert changes if needed.

## 📷 Screenshots

![FigPro Screenshot](figpro.png)

## ⚙️ Setup Instructions

To run FigPro locally:

1. Clone the repository:

   ```bash

   git clone https://github.com/xing24xing/Figma.git

2. Install dependencies:

   cd figpro

   npm install

   

3. npm run dev

   🛠️ Contributions

If you'd like to contribute, feel free to fork the repo and submit a pull request! I’m happy to collaborate and improve the platform.

📬 Contact

For any inquiries, feedback, or collaboration opportunities, reach me at:

Email: [email protected]

GitHub: github.com/xing24xing

🎯 What's Next?

**Feel free to explore FigPro and contribute to making it a more powerful tool for collaborative design!**