株式会社XenoX
デザイン変更プラグイン

専門知識なしで、 kintoneデザインをカスタマイズ。

背景色・フォント・罫線を画面ごとに設定。
編集画面と閲覧画面の色分けで誤操作を防ぎ、コーポレートカラーで統一感を演出。

  • 3画面を個別に色分け可能
  • CSSの知識は一切不要
  • 7種類のフォントから選択
設定カラーピッカーで直感操作
対応詳細・作成・編集の3画面
機能背景色・フォント・罫線を個別設定
こんなお悩み、ありませんか？

kintoneの見た目を、
もっと使いやすく整えたい。

  • 01

    編集中と閲覧中の区別がつかない

    kintone標準では、詳細画面・作成画面・編集画面がほぼ同じ見た目。「今編集中だったっけ？」と確認に時間がかかり、誤って編集状態のまま放置してしまうミスも発生する。

  • 02

    社内ブランドに合わない見た目

    コーポレートカラーは青なのにkintoneは灰色ベース、フォントも会社の雰囲気と違う——デザイン統一感がなく、外部向け画面として使いづらい状況が続いている。

  • 03

    CSS知識がないからカスタマイズできない

    kintoneをカスタマイズしたいが、CSSやHTMLの知識は皆無。「背景色を変えたい」「フォントを変えたい」と思っても、専門知識の壁に阻まれて諦めるしかない。

本プラグインが解決します

「背景色」「フォント」「罫線」「ラベル」
すべてがノーコードで自由に。

カラーピッカーとプルダウンだけで、kintoneのレコード画面を自由にデザイン。編集中は黄色、閲覧中はグレーなど、画面ごとに配色を変えて視覚的に状態を区別できます。
CSS不要で、誰でも簡単にコーポレートカラーやブランドに合わせた統一感を実現。

MAIN FEATURES

主要な機能

01

画面別の背景色カスタマイズ

詳細画面・作成画面・編集画面の3つを個別に配色可能。「編集中は黄色系」「閲覧中はグレー系」など、状態を視覚的に識別できるデザインを実現。カラーピッカーで自由に色指定でき、「元に戻す」ボタンでいつでもデフォルトに戻せます。

画面別背景色設定
02

7種類のフォント切り替え

デフォルト（メイリオ系）から、Zen Kaku Gothic New、Zen Maru Gothic、Kosugi、Kosugi Maru、Kiwi Maru、Noto Sans JPまで選択可能。アプリの用途に合わせて柔らかい・堅い印象を自由に調整できます。

フォント選択
03

テーブルヘッダー色とラベル調整

サブテーブルの見出し行背景色を画面ごとに設定可能。フィールドラベルの文字サイズと太さも、テーブル外・テーブル内を別々に調整でき、情報密度の高い画面でも視認性を確保できます。

テーブル・ラベル設定
04

罫線デザインの詳細カスタマイズ

色・スタイル（点線・1本線・2本線など）・太さをpx単位で指定可能。設定画面でリアルタイムプレビューを確認しながら調整でき、kintone標準では実現できない洗練された区切りデザインを作れます。

罫線設定
WORKFLOW

導入後の設定フロー

  1. プラグイン設定画面
    STEP 1

    画面別背景色を設定

    詳細・作成・編集の3画面それぞれに、カラーピッカーで背景色を指定。編集中と閲覧中を色で区別することで、視覚的に状態を把握できるようになります。

  2. フォント・テーブル設定
    STEP 2

    フォントとテーブルデザインを選択

    7種類のフォントから選択し、テーブルヘッダーの色を設定。ラベルのサイズや太さも調整して、アプリの雰囲気に合わせたデザインを作り上げます。

  3. 罫線設定
    STEP 3

    罫線スタイルを調整

    色・線種・太さを指定し、プレビューで仕上がりを確認。点線や2本線で洗練された区切りを作り、情報を整理しやすいレイアウトにカスタマイズできます。

  4. 適用後の画面
    STEP 4

    設定を保存して即座に反映

    Ctrl+S（Mac: Cmd+S）で保存すると、設定がすぐにkintoneのレコード画面に適用されます。チーム全員が、新しいデザインで統一された画面を利用できます。

USE CASES

活用シーン

コーポレートブランディング

社内システムのデザイン統一

自社のコーポレートカラーに合わせてkintoneの配色を変更し、社員の利用体験を向上。外部向けに画面を見せる際も、ブランドイメージを損なわない統一感のあるデザインを実現できます。

業務効率化

編集・閲覧モードの視覚的区別

編集画面の背景色を変えることで、「今編集中なのか確認中なのか」を一目で判別可能に。誤って編集中のレコードを放置するミスを防止し、チーム全体の作業効率を向上させます。

アプリ管理

用途別テーマカラー設定

人事系アプリはグリーン、経理系アプリはブルー、営業系アプリはオレンジなど、アプリの用途別にテーマカラーを設定。直感的にアプリを識別でき、操作ミスを大幅に削減できます。

UI改善

複雑なフォームの可読性向上

サブテーブルを多用するアプリや項目数の多いフォームで、ヘッダー色・ラベルサイズ・罫線を調整して視認性を向上。情報密度が高い画面でも、必要な情報をすばやく見つけられます。

PRICE

料金プラン

1ドメイン / 月額: 3,000円（税抜）

【30日間のトライアルあり】

プラグインのトライアル・契約にはログインが必要です
アカウント作成がまだの方は新規登録をお願いします