Designing a Chip with the Drag-and-Drop Editor
==============================================

This tutorial will guide you through creating your very first quantum chip layout using the visual, drag-and-drop schematic editor.

Step 1: Open the Schematic Editor
---------------------------------

1. On the main navigation sidebar, click on the **Schematic Editor** button.
2. The page will load a large visual design workspace consisting of a component library panel on the left, a main grid canvas in the center, and a properties panel on the right.

*What this means:* The Schematic Editor is a visual environment where you can design quantum processors by arranging physical components on a chip instead of writing raw code.

Step 2: Understand the Component Library
----------------------------------------

The left-hand panel is the **Component Library**. Here, you will find standard quantum structures:

* **Qubits**: The basic building blocks of a quantum processor that store quantum information. In this product, these are superconducting qubits (such as *Transmon Crosses* or *Transmon Pockets*) represented by crosses or pockets on metal.
* **Resonators**: Special metal lines (like coils or loops) placed next to qubits. They are used to measure the state of the qubit (readout).
* **Routes / Transmission Lines**: Planar metal wires that connect qubits to each other or to external signals.
* **Feedlines**: Shared microwave signal lines used to read out multiple qubits at once.
* **Launchpads**: Large metal contact pads located on the edge of the chip where external cabling is wire-bonded to communicate with the chip components.

*What this means:* The library contains all pre-designed physical models you need to construct a functional chip layout.

Step 3: Drag a Component onto the Canvas
----------------------------------------

1. Look at the **Component Library** on the left.
2. Click on the **Qubits** section to expand it.
3. Click and hold your mouse button on a component, such as **Transmon Cross** or **Transmon Pocket**.
4. Drag your mouse cursor onto the main grid **Canvas** in the center.
5. Release the mouse button to drop the component onto the grid.

*What you just did:* You placed a physical qubit model onto the chip substrate. You will see a visual representation of the qubit outline appear on the canvas grid.

Step 4: Arrange, Connect, and Delete Components
-----------------------------------------------

* **Move a component**: Click on a component on the canvas and drag it to a new location on the grid.
* **Connect components**: 
  1. Hover your cursor over one of the connection ports (called *pins*) on the edge of a component.
  2. Click and drag a line from that pin to a pin on another component.
  3. Release the mouse button to complete the connection (this creates a transmission line or coupler).
* **Delete a component**: 
  1. Click on a component on the canvas to select it.
  2. Press the **Delete** or **Backspace** key on your keyboard, or click the **Delete** (trash can) button on the editor toolbar.

*What you just did:* You customized the processor's topology (how qubits connect to each other). Connecting qubits is necessary for them to exchange information.

Step 5: Edit Component Properties
---------------------------------

1. Click on any component (such as a qubit or resonator) placed on the canvas.
2. Look at the **Property Inspector** panel on the right side of the screen.
3. You will see several input fields showing dimensions and parameters:
   * **pos_x** and **pos_y**: The exact coordinates of the component on the chip.
   * **frequency_ghz**: The target operating frequency of the qubit or resonator.
   * **junction**: Parameters of the Josephson junctions (the superconducting elements inside the qubit).
4. Change any value (for example, type a new position or change the frequency) and press **Enter** or click **Save**.

*What this means:* Editing these parameters changes the physical and electrical specifications of the component, which directly affects how it performs in simulations.

Step 6: Save and Export Your Design
-----------------------------------

1. Look at the toolbar at the top of the editor.
2. Click the **Save** button to save the current chip layout to your project files.
3. Click the **Export** button to download your design as a standardized layout description file (such as GDS or JSON).

*What you just did:* You saved your work to the cloud and exported the physical description of the chip, which can now be simulated or fabricated.