Low-Code AI Integration with Kintone: Introducing the Dify Plug-in

This article introduces the Kintone integration plug-in published on the Dify Marketplace.

Introduction

Kintone Dify Plug-in is now available on Dify Marketplace, a no-code/low-code AI application development platform.
This plug-in makes it possible to reference data stored in Kintone from Dify, build AI-powered applications with no-code or low-code approaches, and streamline business processes using generative AI.

What is Dify?

Dify is an open-source tool developed by LangGenius that simplifies the building and deployment of AI applications.

The main features of Dify are as follows:

  • No-code/low-code development: Build AI applications with simple drag-and-drop operations.
  • Support for multiple AI models: Compatible with various LLMs, including OpenAI's GPT, Anthropic's Claude, and Google's Gemini.
  • Third-party service integration: Connect with external services through marketplace plug-ins or by sending HTTP requests from within Dify.
  • Flexible deployment: Supports both on-premises and cloud environments.
  • API access: Expose your applications as APIs for external use.

Dify makes it easy to create AI applications such as chatbots and workflows that combine AI with existing business systems.

What are Dify Plug-ins?

Dify plug-ins provide a simple way to add integrations with external services.
By using plug-ins, it is possible to connect with various external services and build more practical applications.

Available Features

The following Kintone operations are available through the plug-in:

  • Get a record
  • Add a record
  • Update a record
  • Get multiple records
information

For detailed usage instructions and limitations, refer to the Kintone Dify Plug-in manual on the Dify Marketplace:
Kintone Dify Plug-in manual (External link)

Use Cases

Integrating Kintone with AI

By integrating Kintone with AI, it is possible to build systems such as the following:

  • Create an internal help desk chatbot that integrates Kintone record data with AI.
  • Use AI to translate meeting notes stored in Kintone records.

Integrating Kintone with External Services and AI

The Dify Marketplace offers plug-ins for integrating with various external services.
Using these plug-ins, it is possible to build integrations such as the following:

  • Summarize incoming emails with AI and save the summaries to Kintone.
  • Automatically categorize inquiry history in a Kintone App using AI and store the results as a knowledge base in an external service.
  • OCR invoice files from an external cloud storage service and save the extracted data to Kintone.

Display a Dify Chatbot on Kintone

Chatbots and workflows created in Dify can be embedded into Kintone.
This section shows an example of displaying a chatbot on the Kintone record list page.

How to Embed a Dify Chatbot into Kintone
  1. Click Publish on the Dify AI application creation screen to display the Embed option.
  2. Copy the source code from the dialog that displays.
  3. Use the sample code below to embed the chatbot on the record list page of a Kintone App.
  4. Apply the customization file in the JavaScript / CSS Customization section of the App settings.
Sample Code
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
/*
 * Sample code to display a Dify chatbot at the bottom-right
 * of the record list page of a Kintone App
 * Copyright (c) 2025 Cybozu
 *
 * Licensed under the MIT License
 * https://opensource.org/license/mit/
*/

(() => {
  kintone.events.on('app.record.index.show', (event) => {
    const TOKEN = '{KINTONE_API_TOKEN}';
    const DIFY_BASE_URL = 'https://{dify.sample.com}';

    // Dify configuration
    window.difyChatbotConfig = {
      token: TOKEN,
      baseUrl: DIFY_BASE_URL,
      systemVariables: {
      },
      userVariables: {
      },
      dynamicScript: true,
    };

    const script = document.createElement('script');
    document.body.appendChild(script);
    script.id = TOKEN;
    script.src = `${DIFY_BASE_URL}/embed.min.js`;
    script.defer = true;

    // Add styles
    const style = document.createElement('style');
    style.id = 'dify-custom-style';
    style.textContent = `
      #dify-chatbot-bubble-button {
        background-color: #1C64F2 !important;
      }
      #dify-chatbot-bubble-window {
        width: 800px !important;
        height: 40rem !important;
      }
    `;
    document.head.appendChild(style);

    return event;
  });
})();