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¶
On the main navigation sidebar, click on the Schematic Editor button.
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¶
Look at the Component Library on the left.
Click on the Qubits section to expand it.
Click and hold your mouse button on a component, such as Transmon Cross or Transmon Pocket.
Drag your mouse cursor onto the main grid Canvas in the center.
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¶
Click on any component (such as a qubit or resonator) placed on the canvas.
Look at the Property Inspector panel on the right side of the screen.
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).
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¶
Look at the toolbar at the top of the editor.
Click the Save button to save the current chip layout to your project files.
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.