I decided to build a big plugin that enables everyone to make a design editor online app like canvas.
I focused on every function needed to make such an app and tried to make it available using this plugin, you can add any element, customize everything and get all the workflow and actions that help to build a design app.
Even you need a small design or image editing feature inside your app, i think this plugin will help you.
some of the use cases in my mind:
Build design editor
small image editor
Custom product design for eCommerce website
Website feedback tool using a screenshot
Some of the main points in my mind building the plugin
make it as easy to use as possible
try to lower the use of complex workflow and action to use the plugin to improve the performance of the website
offer all the features needed to build a very complex design app using the plugin.
Here is a video demo of what is getting right now
If anyone has any feature in his mind and needs it to be available in this plugin, it will be very helpful to tell me to consider it in my backlog
also as this plugin is very complex and needs a lot of testing, if anyone is interested in testing the plugin with me I can give him access to the private version
== Updates ===
live demo to test first use case (design editor)
=== New Update =====
Fix some bugs
New feature - get the list of all layers with image
Great. I think you are adding most of those features that are available in photoshop/illustrator. If even a mini version of that is possible through this plugin, it would be really helpful. When are you planning on releasing the initial version?
Thank you @ahmad.salman
for the release time, about 90% of the main plugin code is done, so I expect about 1 month to finish the rest of the backlog, testing, fixing issues, and write the documentation
I will keep you updated here
the plugin gives you the feature to add a background image which you can add a screenshot from the website and use the editing tool to add text, shapes, lines above this image.
the process in mind that you can add the image editing tool inside a pop usable element which has a data type image, and when use click a button on any page you take a screenshot and send it to this popup and user add his feedback using editing tool
Is it possible to connect the text element dynamically to database data?
Also, is there any way for the user to create a database of image objects that can be easily added to the canvas? Use case would be diagraming of some sort.
Yes sure, the text element has text stats which is updated automatically every time the selected text is changed, and also a workflow fired when the canvas is modified so you can trigger an action when this workflow happened to save the selected text into the database
yes in the demo you will notice that I added images from external API into the canvas, images can be added with action with file URL so user can add his own files from the database or even by upload
Hello Everyone,
I just want to share with you the progress of the plugin development, I keep adding main features and fixing bugs, and testing different use case
I started with a very complex use case to make a web design editor with bubble-like Canva
here is a basic demo for this use case
My next demo use case will be a website screenshot feedback, in which the user can click on any button and take a screenshot from the current page and open this screenshot in the editor so the user can add text and shapes for his feedback
