# Interface Builder

> Documentation

Build custom interfaces for Pipedrive

## Table of Contents

### Tutorials

- [Building Your First Interface](/tutorials/01-first-interface.md)
- [Displaying Pipedrive Data in Your Interface](/tutorials/02-data-binding-basics.md)
- [Building a Form](/tutorials/03-building-a-form.md)
- [Building a Multi-View Application](/tutorials/04-multi-view-app.md)
- [Building a Table View](/tutorials/05-table-view.md)

### Blocks

- [How to Use Alert and Badge Blocks](/how-to/blocks/alert-and-badge.md)
- [How to Add Avatars](/how-to/blocks/avatar.md)
- [How to Add and Configure Buttons](/how-to/blocks/button.md)
- [How to Add Charts](/how-to/blocks/chart.md)
- [How to Use Hover Cards](/how-to/blocks/hover-card.md)
- [How to Use the HTML Block](/how-to/blocks/html.md)
- [How to Add Images](/how-to/blocks/image.md)
- [How to Add a Navigation Bar](/how-to/blocks/navbar.md)
- [How to Configure Tables](/how-to/blocks/table.md)

### Layout

- [Using Areas to Group Rows](/how-to/layout/areas.md)
- [Styling Individual Blocks](/how-to/layout/block-styles.md)
- [Using Global Styles](/how-to/layout/global-styles.md)
- [Managing Rows and Columns](/how-to/layout/rows-and-columns.md)

### Data

- [Using the Data Picker](/how-to/data/data-picker.md)
- [Configuring an External Data Source](/how-to/data/external-data-source.md)
- [Sending Messages and Toasts from Your Backend](/how-to/data/messages-and-toasts.md)
- [Using Search Parameters](/how-to/data/search-params.md)
- [Managing Interface Variables](/how-to/data/variables.md)

### Views

- [Creating a New View](/how-to/views/creating-a-view.md)
- [Managing Interface Views](/how-to/views/managing-interface-views.md)
- [Snapshots](/how-to/views/snapshots.md)
- [Navigating Between Views](/how-to/views/navigation.md)
- [Saving](/how-to/views/publishing.md)
- [Testing a View with Real Data](/how-to/views/testing-a-view.md)

### Visibility

- [Conditional Visibility](/how-to/visibility/conditional-visibility.md)

### Forms

- [How to Create a Form](/how-to/forms/creating-a-form.md)
- [Configuring Form Submission](/how-to/forms/form-submission.md)
- [Form Validation](/how-to/forms/form-validation.md)
- [Input Field Types and Configuration](/how-to/forms/input-field-types.md)

### Block Types

- [Alert Block](/reference/block-types/alert.md)
- [Avatar Block](/reference/block-types/avatar.md)
- [Badge Block](/reference/block-types/badge.md)
- [Button Block](/reference/block-types/button.md)
- [Chart Block](/reference/block-types/chart.md)
- [Divider Block](/reference/block-types/divider.md)
- [Hover Card Block](/reference/block-types/hover-card.md)
- [HTML Block](/reference/block-types/html.md)
- [Image Block](/reference/block-types/image.md)
- [Input Block](/reference/block-types/input.md)
- [Navbar Block](/reference/block-types/navbar.md)
- [Paragraph Block](/reference/block-types/paragraph.md)
- [Table Block](/reference/block-types/table.md)
- [Title Block](/reference/block-types/title.md)

### Data Binding

- [Data Picker](/reference/data-binding/data-picker.md)
- [Functions Reference](/reference/data-binding/functions.md)
- [HTTP Response Format](/reference/data-binding/http-response-format.md)
- [Form Submission Types](/reference/data-binding/form-submission-types.md)
- [Messages & Toasts Reference](/reference/data-binding/messaging.md)
- [Pipedrive Resources Reference](/reference/data-binding/pipedrive-resources.md)
- [Placeholder Syntax](/reference/data-binding/placeholder-syntax.md)
- [View Data Source](/reference/data-binding/view-data-source.md)

### Layout

- [Areas](/reference/layout/areas.md)

### Styles

- [Block Styles](/reference/styles/block-styles.md)
- [Global Styles](/reference/styles/global-styles.md)

### UI

- [Builder View](/reference/ui/builder.md)
- [Rows, Columns, and Layouts](/reference/ui/row-layouts.md)
- [Settings Panel](/reference/ui/settings-panel.md)
- [Sidebar](/reference/ui/sidebar.md)

### Explanation

- [What is Interface Builder?](/explanation/what-is-interface-builder.md)
- [How Interface Builder Works](/explanation/architecture.md)
- [Button Transfer](/explanation/button-transfer.md)
- [External Data Flow](/explanation/external-data-flow.md)
- [Floating Window Buttons](/explanation/floating-window-buttons.md)
- [Form System](/explanation/form-system.md)
- [Securing Your Endpoint](/explanation/securing-your-endpoint.md)
- [URL Button Flow](/explanation/url-button-flow.md)
- [Visibility System](/explanation/visibility-system.md)

### Other

- [Binding Reference for Agents](/reference/data-binding/agent-bindings.md)
- [Connecting Claude Code to Interface Builder](/how-to/agent/connect-claude-code.md)
- [For AI](/for-ai.md)
- [Interface Builder v2 - Documentation](/README.md)