Just to illustrate my points, let’s say we have 6 shapes available in the designer. They will all have unique icons associated with them.
User should be able to drag this block and place them in the designer surface and a small faded pencil icon on the right should show up every time user takes mouse within block. When icon is hovered, it should turn solid and with a click of it, should launch properties modal window where above properties can be managed for that shape/block.
There will be validations check all the time in the designer. For example, “ConcatenationBlock” requires minimum of 2 inputs from another block/shape. If this is not provided, the block/shape will be painted “red” color indicating to user that the values are not provided yet.
Hope this explains what I am trying to get out of this online tool.