FlaskConnect™

User manual

A walk through your first FlaskConnect drawing — an apparatus diagram plus a structure — step by step, with real screenshots. Follow along as you read and you will know your way around in about ten minutes.

1. Getting to know the window

The window has three main areas: the palette on the left (everything you can place), the canvas in the middle (where you draw), and the properties on the right (settings for whatever you have selected). The toolbar across the top holds save, undo, align, export and more.

The FlaskConnect window: palette on the left, canvas in the middle, property panel on the right
① Palette (with tabs to switch between apparatus and structures) ② Canvas ③ Properties ④ Toolbar ⑤ Status bar (hints and save results)

Whenever you are unsure what to do next, look at the status bar along the bottom of the window. It always shows a hint for the step you are in.

2. Drawing an apparatus diagram (place, connect, adjust)

2-1. Place an item

A single click on an item in the palette on the left puts it on the canvas, and you can drag it anywhere from there. The search box at the top of the palette narrows the list by name.

Clicking Round-bottom flask in the palette places it on the canvas
Clicking Round-bottom flask places it. The blue ○ marks around an item are its connection points.

2-2. Connect items

Click a blue ○ (connection point) on an item and the items that can be attached there appear along the top of the window. Click one of them and it is connected in exactly the right place — no lining up tubing by hand.

Clicking a connection point shows the candidate items
Click a connection point (blue ○) and the items you can attach appear along the top.
The items after being connected automatically
Click a candidate and it snaps into place. Move an item later and its connections follow it.

Items that slot into a neck, such as septa and thermometers, work by dragging: bring one near the neck, a green preview appears, and letting go joins them directly. Double-click a directly connected item to send it back to its default position.

2-3. Adjust the shape, fill level and color

Click an item to select it and the properties on the right show its size, fill level, liquid color, number of necks and so on. Change a value and the canvas updates as you type.

An item selected, with fill level and color being changed in the property panel
Adjust Fill level, Liquid color, Radius, Number of necks and more in the right-hand panel, to match your lab notebook or your paper.

For position and orientation the keyboard is quicker: arrow keys move the item (hold Shift to move further), [ / ] rotate it, and H / V flip it.

3. Drawing structures

Switch to the Structure tab at the top left and you can draw chemical structures on the same canvas. The quickest way is to type a SMILES string, a compound name or a CAS number into the input box.

Benzene placed from the Structure tab
For example c1ccccc1 (benzene). A name (toluene, say) or a CAS number will also bring up the structure. Styling follows the ACS standard.

4. Adding text and arrows

The text button (A) in the toolbar adds labels and annotations, and the arrow tool adds reaction arrows and leader lines. Text supports bold, italic and superscript/subscript (H2O and the like), and a double-click edits it in place.

5. Saving and exporting

Saving (.chemc)

Press Cmd+S to save. Documents go to the iCloud Drive > FlaskConnect folder, and once the save finishes the status bar shows the file name and where it went. iCloud keeps your Mac and your iPad in sync. Work in progress is saved automatically for recovery, so you can pick up where you left off the next time you open the app.

Exporting

The buttons on the right of the toolbar export your drawing in the following formats. Every export is processed on your device.

FormatBest for
SVGVector output. Lines stay sharp at any size, which makes it ideal for papers and theses
PNGA quick image to paste anywhere (a transparent background is available)
PowerPoint (.pptx)Presentations. The drawing arrives already placed on a slide
Word (.docx)Reports and lab notebooks
Excel (.xlsx)Experiment records and tables
Close-up of the export buttons in the toolbar
The export buttons on the right of the toolbar: SVG, PNG, PowerPoint, Word and Excel, from left to right.

6. Shortcut reference (Mac)

ActionKeys
SaveCmd+S
Undo / RedoCmd+Z / Cmd+Shift+Z
Copy / PasteCmd+C / Cmd+V
DeleteDelete
Rotate[ / ]
Flip horizontally / verticallyH / V
Nudge the positionArrow keys (Shift to move further)
Add to the selectionShift+click
Select several at onceDrag from an empty spot (rectangular selection)
Return a directly connected item to its default positionDouble-click that item

Using it on iPad

ActionGesture
Scroll / zoomTwo-finger drag / pinch
Undo / RedoTwo-finger tap / three-finger tap
Select and moveOne finger (dragging from an empty spot makes a rectangular selection)
Apple PencilSupported (works exactly like a finger)

If you get stuck

Questions about how something works, and bug reports, are welcome on the support page. You can also write to us from Help → Send Feedback inside the app.