Superseded · Panic stopped selling Coda in 2020 and replaced it with Nova, a completely redesigned code editor built for modern workflows. Coda still works on older macOS versions but receives no updates.

Recommended alternatives: Nova, VS Code

Coda for Designers: All-in-One Web Code Editor with Live Preview

Mac code editor combining file management, text editing, and live preview for web designers building sites

Coda is an all-in-one code editor from Panic designed specifically for web designers. It combines text editing, file management (FTP/SFTP), live preview, and even MySQL database administration in a single Mac app. The appeal is staying in one app instead of juggling separate tools for code, files, and preview.

Key Specs

   
Price No longer sold; replaced by Nova ($49/year)
Platform Mac only (no longer updated)
Best for HTML/CSS/PHP editing, FTP workflows
Learning curve 1-2 hours for basics; deep features take weeks

How Designers Use Coda

For Direct-to-Server Workflows

Open an SFTP connection and Coda shows your remote files in the sidebar. Edit a file and save. Coda uploads automatically. No separate FTP app needed. This workflow suits designers who build WordPress themes or maintain static sites without version control.

For Live CSS Editing

Coda’s built-in WebKit preview updates in real-time as you edit CSS. Change a color or margin and see it instantly without refreshing. The preview can shrink to iPhone or iPad sizes to test responsive layouts. This makes Coda faster than the edit-save-refresh cycle in separate browsers.

For Quick Server-Side Edits

Coda includes a MySQL editor for database administration. Edit WordPress settings or troubleshoot database issues without leaving the code editor. Run queries, edit table structure, or browse content. Useful for designers who maintain client sites without deep DBA knowledge.

Coda vs. Alternatives

Feature Coda 2 Nova VS Code
Platform Mac only Mac only Mac, Win, Linux
Price Discontinued $49/year Free
Built-in FTP ⚠️ Via extension
Live preview ✅ WebKit ⚠️ Via extension
Git support ✅ Basic ✅ Strong
Extension ecosystem ⚠️ Small ⚠️ Growing ✅ Huge
Speed ⚠️ Moderate ✅ 40x faster ✅ Fast

Choose Nova if: You liked Coda’s integrated approach and want Panic’s modern replacement with multiple cursors, better debugging, and native Apple Silicon support.

Choose VS Code if: You want the most popular editor with thousands of extensions, cross-platform support, and active development. Trade integrated design for flexibility.

Choose Sublime Text if: You want a fast, lightweight editor with FTP plugins and prefer one-time purchase pricing over subscriptions.

Getting Started with Coda

Since Coda is no longer sold, these steps apply if you already own it or are migrating to Nova:

Step 1: Create a site

Go to Sites > New Site. Name it, then add FTP or SFTP credentials. Coda saves this as a reusable connection. Open the site and the sidebar shows your remote files. Edit any file and Coda uploads on save.

Step 2: Use Clips for faster coding

Open the Clips panel (sidebar). Clips are text snippets with placeholders. Type html and insert the HTML5 boilerplate. Tab through placeholders to fill in title, meta tags, etc. Create your own clips for repetitive code blocks.

Step 3: Enable live preview

Open Preview in the sidebar. Load any HTML file. As you edit CSS, the preview updates automatically. Use the device size buttons to test mobile layouts. Pair this with dual monitors: code on one screen, preview on another.

Coda in Your Design Workflow

Coda fits into FTP-based workflows common before Git. Here’s how it used to connect to other tools.

  • Before Coda: Design in Photoshop or Sketch; export images
  • During design: Coda for coding HTML/CSS and live preview
  • After Coda: Upload via Coda’s built-in FTP; site goes live immediately

Common tool pairings (for legacy workflows):

  • Coda + Transmit for serious file management (Transmit is also by Panic, with more FTP features)
  • Coda + Tower for Git version control (Coda’s Git support was basic)
  • Coda + Diet Coda (iPad) for mobile editing and AirPreview mirroring

Common Problems (and How to Fix Them)

“Coda crashes on macOS Catalina or newer”

Panic released a final Coda update for Catalina compatibility but hasn’t updated it since. On Apple Silicon Macs, Coda runs under Rosetta with performance issues. If crashes persist, migrate to Nova. Nova imports your Coda sites and clips automatically.

“Live preview doesn’t update”

Make sure the preview pane is set to the correct file and that auto-refresh is enabled (gear icon in preview). If it still doesn’t work, try refreshing manually or restarting Coda. The WebKit engine sometimes stalls on complex JavaScript.

“FTP uploads are slow”

Coda uses the Transmit file transfer engine, which is fast. If uploads lag, check your internet connection or try switching from FTP to SFTP. Some servers throttle FTP connections. For large batches, use Transmit directly (it has turbo mode).

“Can’t import Coda data into Nova”

Open Nova and go through first-run setup. Nova should prompt to import from Coda 2, including sites, clips, and themes. If it doesn’t, manually export clips from Coda (File > Export) and import into Nova. Sites need manual recreation if auto-import fails.

“Should I still use Coda?”

No, unless you’re on an older Mac and can’t upgrade. Coda receives no updates and lacks modern features like multiple cursors, better autocomplete, and native ARM support. Nova is Panic’s official replacement with a migration path. For cross-platform work, switch to VS Code.

Frequently Asked Questions