Pencil のインストール

ふぉむほむ
質問: Pencilアプリ
Figmaに似たPencilというアプリがあると聞きました。導入手順はわかりますか?

Pencil のダウンロード

Pencil のウェブサイト(https://www.pencil.dev/)にアクセスします。 下図のページが表示されます。[Download Pencil]ボタンをクリックします。
Pencil のインストール:画像1

下図のダウンロードページが表示されます。Windowsのカテゴリーの [For Intel/AMD x64]の[Download]ボタンをクリックします。
Pencil のインストール:画像2

Pencilのインストーラーがダウンロードできました。
Pencil のインストール:画像3

Pencilのインストール

インストーラーを実行します。下図のインストールオプションの選択ウィンドウが表示されます。
Pencil のインストール:画像4

今回はこ]のコンピューターを使用しているすべてのユーザー用にインストールする]ラジオボタンをクリックして選択します。 選択後、[次へ]ボタンをクリックします。
Pencil のインストール:画像5

インストール先パスの設定画面が表示されます。今回はデフォルトのまま("C:\Program Files\Pencil")とします。[インストール]ボタンをクリックします。
Pencil のインストール:画像6

インストールが始まります。
Pencil のインストール:画像7 Pencil のインストール:画像8

インストールが完了すると、下図の画面が表示されます。[完了]ボタンをクリックしてインストーラーを終了します。
Pencil のインストール:画像9

インストールが完了するとスタートメニューのすべてのプログラムの[P]の項目に、[Pencil]のショートカットが追加されます。
Pencil のインストール:画像10

Pencilの実行

インストーラーの完了画面で[Pencilを実行]チェックボックスにチェックがついている場合は Pencilのアプリケーションが起動します。 初回の起動時には、下図の[Activate Pencil]ダイアログが表示されます。[Email Address]のテキストボックスに登録するメールアドレスを入力し、[Send Code] ボタンをクリックします。
Pencil のインストール:画像11

[Enter Activation Code]画面が表示されます。[Activation Code]テキストボックスに 6桁のコード番号を入力します。
Pencil のインストール:画像12

コード番号は登録したメールアドレスで受け取れます。
Pencil のインストール:画像13

アクティベーションコードを入力後、下図の[Setup Agents & MCP]ダイアログが表示されます。 今回はデフォルトの設定のままとします。ダイアログ右上の×ボタンをクリックしてダイアログを閉じます。
Pencil のインストール:画像14

Pencilのメインウィンドウが表示されます。
Pencil のインストール:画像15

AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2026-03-05