• Introduction
• Features
  • Plugin Features overview
  • Plugin Features in detail
    • Conversation to Code
    • Use case to code
    • AI-assisted app migration
    • Code refinement actions
    • Design to code (Experimental)
  • Requirements
  • How to get started?
    • Setup guide
    • Configuration guide
  • What's next?
  • Release Notes

Introduction

Freddy AI Copilot for Developers helps developers accelerate app development on the Freshworks platform through AI-assisted code generation, design translation, migration, and productivity tools. It integrates seamlessly with Visual Studio Code so you can generate, explain, and refine code via conversation and context-aware assistance.

Features

Full feature documentation: Freddy AI Copilot for Developers – Features

Plugin Features overview

Freddy Copilot for Developers is currently under open beta release. The features listed here are subject to change with future release.

With Freddy AI Copilot for Developers, you can:

1. Conversation to Code – Interact with Freddy in plain language to generate, explain, or debug code. Use Ask mode for conversational, prompt-driven responses, or Agent mode for action-oriented workflows where Freddy can apply changes directly to your project.
2. Use case to code – Convert natural language descriptions into working Freshworks app code. Describe what you want your app to do, and Freddy generates the app structure, boilerplate, and components.
3. AI-assisted app migration – Upgrade your apps to the latest platform versions. Freddy analyzes changelogs, detects deprecated methods, and suggests or applies code updates so you can review and merge changes in VS Code.
4. Code refinement actions – Right-click in the editor for quick access to:
   • Add selection to chat
   • Explain selection
   • Refactor selection
   • Review selection
   • Generate documentation
   • Generate code comment
   • Generate Unit test (experimental)
   • Security Check
5. Design to code (Experimental) – Transform Figma designs or uploaded images into responsive HTML and CSS code that follow Freshworks design guidelines and CRAYONS components.

Plugin Features in detail

Conversation to Code

Interact with Freddy in plain language to generate, explain, or debug code. Freddy understands context from your project and supports two interaction modes: Ask mode (conversational, prompt-driven) and Agent mode (action-oriented, with direct file updates). Choose the mode that fits your workflow from the sidebar.

Use case to code

Convert natural language descriptions into working Freshworks app code. Describe what you want your app to do, and Freddy generates the required app structure, boilerplate code, and components. Applicable in v2.0.3 or higher.

AI-assisted app migration

Upgrade your apps to the latest platform versions safely and efficiently. Freddy analyzes changelogs, detects deprecated methods, and automatically suggests or applies code updates. Review and apply migration suggestions directly in VS Code. Supported on FDK versions 9.0.x to 9.7.4.

Code refinement actions

Enhance your daily development workflow with built-in automation and analysis. Select code in the editor, right-click, and choose from: Explain selection, Refactor selection, Review selection, Generate documentation, Generate code comment, Generate Unit test (experimental), and Security Check. Results appear in the conversation pane for you to review and incorporate.

Design to code (Experimental)

Behavior and functionality may change in future releases.

Transform visual designs into functional frontend code. Upload images (JPEG/PNG, under 15 MB) or provide a Figma URL (with Figma API key configured). Freddy converts designs into responsive HTML and CSS that follow Freshworks design guidelines and CRAYONS components. Preview, edit, or use the generated code in your app.

Requirements

1. VS Code 1.73 or higher
2. FDK 9.1.2 or higher
3. Node v18.13.0 or higher

How to get started?

Setup guide

1. Review the Prerequisites.
2. Install FDK (Freshworks Development Kit).
3. Install and configure Freddy AI Copilot for Developers.
4. Explore the Features guide for detailed usage of each feature.

Configuration guide

1. Open VS Code, go to Extensions, and select Freddy AI Copilot for Developers.
2. Click the settings gear and select Extension settings.
3. Configure as needed:
   • Freddy: Fdk Path – FDK installation path for your workspace
   • Freddy: Freddy Api Key – From your Developer profile on the AMP page
   • Freddy: User Name – Name shown in the chat interface
   • Freddy: Context Settings – Number of previous conversation responses to keep as context
   • Freddy: Figma API Key – Optional; for Design to code (v2.0.5 or higher)
4. Save and open the Copilot conversation pane from the sidebar to start.

For detailed steps, see Configure extension.

What's next?

Explore the tutorials to build applications using Freddy AI Copilot for Developers.

Release Notes

Release notes are available here.