Add stages and jobs using the pipeline visual builder

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

💔 Problem

Creating your first CI/CD pipeline is often a lot harder than customizing one. It's difficult to discover and understand the correct structure of a pipeline without seeing its visualization. Creating a pipeline with syntax that is new to you is difficult without some kind of aid as well.

User story

As a user I can set up a basic CI/CD pipeline without having to know CI yaml syntax.

WIP Proposal

Figma file

As an MVC we would like to allow users to add as many stages and jobs as they desire through the pipeline visual builder. Those changes will be reflected in the yml file on the left tab.

See a quick preview here, and check out the designs section below for the latest mock-ups.

1._Basic_template 2._Add_stage

Out of scope:

🤓 Feedback needed!

See the designs attached below and provide feedback in design comments. ⬇️

Further details

Dovetail insight

Edited by 🤖 GitLab Bot 🤖