4. Drawing Tool & Quotes¶
Design countertops, calculate material costs, and generate professional PDF quotes — all from your phone or desktop.
4.1 Overview¶
The Drawing Tool is a 6-step wizard that guides you through the complete process of designing a countertop layout and generating a detailed price quote. It includes:
- An interactive canvas for drawing countertop shapes
- Pre-defined shape templates (Quick Draw)
- Edge profile and backsplash configuration
- Sink and cooktop cutout placement
- Material and color selection with real pricing
- PDF quote generation for clients
To start a new quote: 1. Tap the Drawing Tool icon in the bottom navigation, or 2. From the Dashboard, tap New Quote, or 3. From a Project (Pro), tap Create Quote.
4.2 Step 1: Counter Dimensions¶
Goal: Draw the countertop shapes and define their dimensions.
Adding Shapes¶
Use Quick Draw to add pre-defined shapes to the canvas:
| Shape | Description |
|---|---|
| Rectangle | Standard rectangular counter section |
| L-Shape | Two-sided counter forming an L |
| U-Shape | Three-sided counter forming a U |
To add a shape: 1. Tap Quick Draw in the toolbar. 2. Select the desired shape. 3. The shape appears on the canvas. 4. Adjust dimensions by: - Tapping on a dimension label and entering a new value - Dragging the resize handles on the shape
Working with Shapes¶
| Action | How To |
|---|---|
| Select | Tap a shape on the canvas |
| Move | Drag a selected shape |
| Resize | Drag the corner/edge handles |
| Rotate Left | Context menu > Rotate Counter Left (90 degrees) |
| Rotate Right | Context menu > Rotate Counter Right (90 degrees) |
| Duplicate | Context menu > Duplicate Counter |
| Delete | Context menu > Delete Counter |
Adding Text Labels¶
Add text annotations to identify areas on the layout: 1. Tap the Text tool in the toolbar. 2. Tap on the canvas where you want the label. 3. Type your label (e.g., "Kitchen Island", "Guest Bath").
Dimension Format¶
- Dimensions are displayed on each edge (e.g., 126", 38" x 23").
- Fractional dimensions are supported (e.g., 25 1/2", 16 1/4").
- Tap any dimension to edit it manually.
4.3 Step 2: Curves & Bumpouts¶
Goal: Add curves, radii, and bump-out extensions to your countertop shapes.
Curves¶
- Select an edge or corner on your shape.
- Choose a curve type (radius, arc).
- Set the curve radius value.
- Preview the curve in real-time on the canvas.
Bumpouts¶
- Add extended sections that protrude from the main shape.
- Useful for eating bars, extended work areas, and peninsula additions.
- Set the depth and width of the bumpout.
4.4 Step 3: Splash & Edge¶
Goal: Configure backsplash and edge finish options.
Backsplash¶
- Select which edges should have a backsplash.
- Set the backsplash height (typically 4" or 6").
- Choose between full-height splash or standard.
Edge Finish¶
- Select the edge profile for each visible edge.
- Common edge profiles include:
- Straight/Eased
- Beveled
- Bullnose (Half and Full)
- Ogee
- Waterfall
- Laminated
- Mitered
Each edge can have a different profile. The selected edge profile affects pricing in the final quote.
4.5 Step 4: Sink & Cooktop Cutouts¶
Goal: Place sinks, cooktops, and custom cutouts on the countertop.
Adding Cutouts¶
- Tap the cutout tool in the toolbar.
- Choose the type:
- Sink cutout — Standard sink shapes and sizes
- Cooktop cutout — Standard cooktop dimensions
- Custom cutout — Define your own shape and dimensions
- Position the cutout on the canvas by dragging it to the desired location.
- Adjust dimensions as needed.
Cutout Options¶
| Option | Description |
|---|---|
| Shape | Rectangular, oval, or custom |
| Dimensions | Width x length of the cutout |
| Position | Distance from edges (for precise placement) |
| Corner Radius | Round the corners of rectangular cutouts |
4.6 Step 5: Color & Edge Profile¶
Goal: Select the stone material, color, and finalize the edge profile for pricing.
Material Selection¶
- Browse available stone materials.
- Filter by type (Marble, Granite, Quartz, etc.).
- Select a specific color/pattern.
- The canvas updates to show a texture preview of the selected material.
Edge Profile Review¶
- Review and confirm the edge profile for all edges.
- Pricing is calculated based on the selected material and edge profile combination.
Price Library¶
If you have configured a Price Library (Settings > Pricing), the prices for materials and edge profiles will auto-populate based on your saved rates.
4.7 Step 6: Price Details & PDF Export¶
Goal: Review the complete quote with itemized pricing and export to PDF.
Quote Summary¶
The final step displays a detailed breakdown:
| Item | Details |
|---|---|
| Material | Selected stone, price per sq ft |
| Total Area | Calculated area of all countertop shapes |
| Edge Profiles | Linear footage and price per profile type |
| Backsplash | Area and pricing |
| Cutouts | Number and type of cutouts with pricing |
| Subtotal | Sum of all items |
| Tax | Based on your tax rate settings |
| Total | Final quoted amount |
Exporting the Quote¶
- Tap Generate PDF to create a professional quote document.
- The PDF includes:
- Your company logo and contact info
- Client name and project details
- Visual layout drawing
- Itemized pricing breakdown
- Terms and conditions (customizable in Settings)
- Share the PDF via email, messaging apps, or save to files.
- Print the PDF directly from the app.
4.8 Working with the Canvas¶
Navigation¶
| Action | Touch | Desktop |
|---|---|---|
| Pan | Two-finger drag | Click and drag on empty space |
| Zoom In | Pinch outward | Scroll up or + key |
| Zoom Out | Pinch inward | Scroll down or - key |
| Fit to Screen | Double-tap empty area | Press F key |
Toolbar¶
The toolbar (visible in Steps 1, 2, and 4) provides quick access to:
| Tool | Description |
|---|---|
| Quick Draw | Add pre-defined shapes |
| Text | Add text labels and annotations |
| Undo | Undo the last action |
| Redo | Redo an undone action |
| Save | Save the current drawing |
| Help | Open the drawing tutorial |
Bottom Status Bar¶
The status bar at the bottom shows real-time information: - Total area of all shapes - Number of shapes on the canvas - Number of cutouts - Running price estimate (when material is selected)
4.9 Quick Draw Shapes¶
Quick Draw provides pre-defined shape templates that you can add and customize:
| Shape | Use Case |
|---|---|
| Rectangle | Straight countertop sections, bathroom vanities |
| L-Shape | Corner kitchen counters |
| U-Shape | Three-wall kitchen layouts |
After adding a Quick Draw shape: 1. Resize by dragging handles or entering exact dimensions. 2. Rotate as needed for your layout. 3. Position relative to other shapes on the canvas.
4.10 Tips & Best Practices¶
- Start with the largest shape and build outward to smaller sections.
- Use text labels to clearly identify each area (helps when reviewing with clients).
- Double-check dimensions before moving to the next step — accuracy matters for pricing.
- Save frequently — the drawing auto-saves, but manual saves provide extra security.
- Use the tutorial the first time — tap the Help icon to walk through each feature.
- Review the PDF before sending to a client — make sure all dimensions and pricing are correct.