Is there a graphical programming interface without coding (for example for JS)?

Question

Layouts and prototypes

I love making interactive prototypes in Axure, and I try to embed the design into the prototype. Fonts, there, illustrations, icons, animation. In short, design directly in the axura, if necessary, turning to an illustrator / photoshop to prepare graphics. And everything would be fine if not for the animation. The built-in animation tools are not enough for me - as they are banal. And the built-in programming tools are depressing, although I suspect a lot can be done with their help, but for a hundred years.
I myself am a designer. I know a little HTML, CSS, but I am completely at odds with programming. I would like to make live prototypes with custom animation. And for this I need some program with a graphical programming interface. The way I see it, it's like drawing a flowchart. Diamonds, squares, arrows. So that there is no code. The code makes me sad, I can't look at it. And diamond squares are fun and interesting. The mindset allows you to design complex abstractions, but the code makes my eyes pop.
Who will advise what?

Answer 1

visual programming

Answer 2

Adobe Muse (use the code it generates for demonstration purposes only)
But you must understand that any serious dynamics on the front-end is done only through coding and nothing else. And so, you can throw a simple thread.
Indigo Studio
Framer
Proto.io

Answer 3

I myself am a designer. I know a little HTML, CSS, but I am completely at odds with programming. I would like to make live prototypes with custom animation.

Template page generation.
For example, there is a "primitive":
"Carousel":
List of objects: A,B,C,D
Orientation: horizontal
Scrolling direction: left to right
Width: full width of the browser window,
Height: 1 element
Synonym: "new products"
Adding properties and conditions for changing them - also through [+]
And then, in the template (inscription on the block), simply indicate: {{{new products}}}
or
{{{new products}}}
{{{new products}}}
{ {{new products}}}
(to output 3 or create a loop)
In any case, it can be systematized and streamlined.
The question is only in labor costs.

Who will advise what?

If funds are available, start developing such a wonderful solution for designers, making it easier to create a full-fledged "live" template for further connection to the back-end.
UPD: this is coming soon: tutorialzine.com/bootstrapstudio

Answer 4

HTML Designer for Brackets

Answer 5

If you understand approximately how the web front works ( html + css + js ). Then you can do this:
Take the layout of the prototype page, connect the js scripts you need and write the logic of animations and transitions in https://developers.google.com/blockly/
and profit)