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.
- 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.
- Frontend: React, Next.js
- Real-Time Collaboration: Liveblocks
- Design Tools: Custom-built components for vector editing, text formatting, and UI elements.
- Start a Design: Begin a new project or collaborate on an existing one.
- Invite Collaborators: Share a link and start working with your team in real-time.
- Edit and Sync: All actions are immediately reflected for all users.
- Version Control: Manage your design history and revert changes if needed.
To run FigPro locally:
-
Clone the repository:
git clone https://github.com/xing24xing/Figma.git
-
Install dependencies: cd figpro npm install
-
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: xingxing8601@gmail.com GitHub: github.com/xing24xing 🎯 What's Next?
Feel free to explore FigPro and contribute to making it a more powerful tool for collaborative design!