FileMaker Dev Tools

The most complete Visual Studio Code extension for FileMaker / Claris Pro development. Full coverage through FileMaker 2026 (v26) — functions, script steps, Get() params, AI, hover docs, live schema autocomplete and more.

✨ Features

🎨 Category-based Syntax Highlighting

Colors differentiated by element type — works out of the box with the included FileMaker Dark theme, or configurable for any theme.

🔌 Live Schema Autocomplete (FileMaker Data API)

Connect directly to your FileMaker Server and get real-time autocomplete for your actual database schema.

• Table::Field — type :: after a table name and get field suggestions
• Layout names — suggested after Go to Layout, New Window, etc.
• Script names — suggested after Perform Script, Perform Script On Server, etc.
• Credentials stored securely in the system keychain via VS Code SecretStorage
• Multiple connection profiles — dev, staging, production
• Status bar indicator showing the active connection

Commands:

• FileMaker: Connect to Server — add a new connection profile
• FileMaker: Switch Connection — switch between profiles
• FileMaker: Refresh Schema — update schema after database changes
• FileMaker: Disconnect — disconnect from server
• FileMaker: Show Connection Status — show tables, layouts and scripts count

🖱️ Hover Documentation

Hover over any FileMaker calculation function to see its signature, description, and example inline.

Hover documentation covers calculation functions (225+). Script steps not yet covered.

📦 678+ Snippets

The most complete FileMaker snippet library available.

Quick Get() prefixes — 139 snippets, one per parameter:

Block snippets:

Script step snippets — 147 snippets with full parameter templates:

🔧 JSON → JSONSetElement() Converter

Select any JSON text and run FileMaker: JSON to JSONSetElement() from the Command Palette (Cmd+Shift+P) to instantly convert it to a FileMaker expression.

🎯 Auto-indentation

Automatic indentation for If, Else If, Loop, While blocks. End If and End Loop auto-outdent to the correct level.

📁 Code Folding

Collapse If/End If and Loop/End Loop blocks using the fold arrows in the editor gutter.

💬 Comment Toggle

Use Cmd+/ to toggle # line comments. Use Shift+Alt+A for block comments /* */.

🌍 English + Spanish

Script steps highlighted in both English and Spanish FileMaker installations.

📥 Installation

From the Marketplace — search FileMaker Dev Tools in the VS Code Extensions tab and click Install.

Manual — download the .vsix from Releases and run: code --install-extension filemaker-vscode-updated-x.x.x.vsix

🔌 Connecting to FileMaker Server

1. Open the Command Palette (Cmd+Shift+P)
2. Run FileMaker: Connect to Server
3. Enter your connection profile name (e.g. dev)
4. Enter your FileMaker Server URL (e.g. https://192.168.1.163)
5. Enter your database name
6. Enter your username and password

Credentials are stored securely in your system keychain — never in plain text files.

Once connected, typing :: after any table name will suggest all available fields. Layout and script names are also suggested in the appropriate context.

To update the schema after database changes: FileMaker: Refresh Schema

🎨 Theme Setup

Option A — Use the included theme (recommended)

1. Cmd+Shift+P → Color Theme
2. Select FileMaker Dark

Option B — Dracula Pro

Add to your VS Code settings.json (Cmd+Shift+P → Open User Settings JSON):

"editor.tokenColorCustomizations": {
  "[Dracula Pro]": {
    "textMateRules": [
      { "scope": "support.function.builtin_functions.filemaker", "settings": { "foreground": "#BD93F9" } },
      { "scope": "support.function.ai.filemaker", "settings": { "foreground": "#FF79C6", "fontStyle": "bold" } },
      { "scope": "support.function.json.filemaker", "settings": { "foreground": "#8BE9FD", "fontStyle": "bold" } },
      { "scope": "support.function.crypto.filemaker", "settings": { "foreground": "#FFB86C", "fontStyle": "bold" } },
      { "scope": "support.function.datetime.filemaker", "settings": { "foreground": "#50FA7B" } },
      { "scope": "support.function.aggregate.filemaker", "settings": { "foreground": "#F1FA8C", "fontStyle": "bold" } },
      { "scope": "keyword.control.filemaker", "settings": { "foreground": "#FF79C6", "fontStyle": "bold" } },
      { "scope": "keyword.other.scriptStep.filemaker", "settings": { "foreground": "#8BE9FD" } },
      { "scope": "keyword.other.scriptParam.filemaker", "settings": { "foreground": "#FFB86C" } },
      { "scope": "variable.script_variable.local.filemaker", "settings": { "foreground": "#F1FA8C" } },
      { "scope": "variable.script_variable.global.filemaker", "settings": { "foreground": "#FFB86C", "fontStyle": "bold" } },
      { "scope": "entity.name.table.filemaker", "settings": { "foreground": "#50FA7B" } },
      { "scope": "variable.other.field.filemaker", "settings": { "foreground": "#F8F8F2" } },
      { "scope": "constant.numeric.filemaker", "settings": { "foreground": "#BD93F9" } },
      { "scope": "string.quoted.double.filemaker", "settings": { "foreground": "#F1FA8C" } },
      { "scope": "comment.line.hash.filemaker", "settings": { "foreground": "#6272A4", "fontStyle": "italic" } },
      { "scope": "comment.line.double-slash.filemaker", "settings": { "foreground": "#6272A4", "fontStyle": "italic" } },
      { "scope": ["keyword.operator.arithmetic.filemaker","keyword.operator.comparison.filemaker","keyword.operator.logical.filemaker","keyword.operator.string.filemaker"], "settings": { "foreground": "#FF79C6" } }
    ]
  }
}

📁 Supported File Extensions

For .txt or other formats, select the language manually in the VS Code status bar → Plain Text → FileMaker.

🆕 Complete FM 2026 Coverage

Calculation Functions (230+)

Script Steps (210+)

🤝 Contributing

Pull requests are welcome. See CONTRIBUTING.md for full details.

📄 Credits

Original syntax ported from Donovan Chandler's TextMate bundle. Originally forked from jwillinghalpern/filemaker-vscode-bundle.