Flutter Shape Maker is a web-based tool that enables Flutter developers to visually draw custom shapes on a canvas and automatically generate responsive Dart code for the CustomPaint widget.

---

🚀 Overview

Flutter Shape Maker is an intuitive online tool designed to simplify the creation of complex custom shapes in Flutter apps using the CustomPaint widget. Users can draw shapes by plotting points and adjusting curves on an interactive canvas, similar to a pen tool in design software, and instantly get production-ready Dart code that can be copied and pasted directly into their projects.

It solves the tedious problem of manually calculating and coding paths, Bezier curves, and gradients for CustomPainter, which often involves trial-and-error and deep math knowledge. The tool supports both responsive (scale-based) and fixed-size outputs, making it versatile for different UI needs.

Built for Flutter developers, UI designers working with Flutter, and indie makers who need quick custom graphics without hiring designers or spending hours coding. Paras Jain of RetroPortal Studio created it to democratize CustomPaint usage, speeding up prototyping and development.

---

✨ Key Features

• Interactive canvas with pen-tool-like point plotting, curve handles, and manipulation (move, add handles with 'H' key, delete)
• Responsive or fixed code generation toggle, configurable canvas size/aspect ratio for precise scaling
• Advanced editing: snap-to-grid, layers (add, duplicate, reorder), linear/radial gradients with color stops, undo/redo (20 levels)
• Save/open designs as .fsm files; visual aids like toggle grid/points; SVG import support (via updates/Pro)
• Optional: Pro version with additional features like major bug fixes and enhanced tools (announced 2021)

---

🛠 Tech Stack

• Frontend: HTML5 Canvas, JavaScript
• Backend: Client-side only (no server)
• Database: None (local storage for saves)
• Auth: None
• Hosting: Static web hosting (unknown provider)

---

👥 Who Is This For?

This project is useful for:

• Developers who want to create custom shapes, icons, and graphics in Flutter without manual path coding
• Teams looking for rapid UI prototyping with CustomPaint
• Indie makers building Flutter apps needing responsive vector designs

---

📸 Screenshots / Demo

• Live demo: https://fluttershapemaker.com
• GitHub: https://github.com/retroportalstudio

---

🔥 Project Status

• 🟡 Maintained

Last updated: 2026-03-24

---

❓ FAQ

Is this project free?

Yes (Fully free web tool; Pro version announced with extra features but no public pricing details found. Basic version covers most needs.)

Is the source code available?

No — proprietary web application by RetroPortal Studio

Can I contribute?

Provide feedback, bug reports, or feature requests via the Google Form: https://forms.gle/wJBtfdv9Uv6HwPcQ7. Follow creator's GitHub for related Flutter packages or comment on YouTube videos.

---

📬 Contact & Links

• Website: https://fluttershapemaker.com
• GitHub: https://github.com/retroportalstudio
• Twitter/X: https://x.com/theretroportal
• Email: Not publicly listed (use feedback form or LinkedIn)

---

Built with ❤️ and kept warm on WarmIndex.