Figmaへのプラグインの入れ方の手順。 プラグインの入れ方と保存。 Figmaのツールバーから、「アクション / Actions」へ進む。 ツールバーの、「アクション / Actions」メニューをクリック。 （※新しいインターフェイスのUI3では、ツールバーは画面下部に移動しています。） （※Resources（リソース）はActions（アクショ...

Pixso。Figmaがもし有料化されたら。 無料プランでも使えるFigma。 Adobe社からの買収と撤回により、いつかFigmaも有料化されるのでは？と内心不安を抱えている人たちは、結構いるのではないだろうか。 例えば、 初心者の方や学習中の方たちが、ちょっと使ってみたいな、というとき。 職場ではAdobeのプランがあるけど、自宅にないと不便だな、というと...

Figma使用中に削除してしまったファイルを復元したい。 Figmaで作業中に、誤ってファイルを削除してしまうときがある。 ゴミ箱を探しても、残念ながらFigmaにはゴミ箱はない。 焦ってしまうが、ゴミ箱的な場所は存在し、そこから復元することは可能だ。 Figmaの削除ファイルを復元する手順。 「Drafts / 下書き」をクリ...

GooleのアイコンフォントをFigmaへ。Material Symbols。 Material Symbols pets Google FontsのMaterial Symbols。 Google Fontsから手軽に使えるアイコンフォント「Material Symbols」が、デザインツール「Figma」のプラグインとして配布されている。 Goo...

Figmaのルーラー（定規）の出し方。 ルーラー（定規）の表示方法。 Figmaでルーラーを表示させたい。 Figmaでデザインをしているときにルーラー（定規）を出そうと「command + R」 or 「Ctrl + R」を押しても出てこない。 あれ！？と思い、じゃあ、と右クリックで出そうとしてもメニューにもない。 IllustratorやPhotoshop...

Figmaのペンツールとマスクで、背景から切り抜く。 ペンツールで切り抜き。 覚えると便利なペンツール。 IllustratorやPhotoshopでもそうだが、ペンツールの使い方を覚えておくと後々で役に立つ。 AIの普及などにより被写体の切り抜き精度が上がっている。ただ、それでもうまく切り抜けない時は、結局人の手によるペンツールの方が速かったりする。 また、...

Figmaで名刺を作成、印刷してみたところ、無事に完成。 FigmaでDTP。 Figmaで名刺？ デザインツール「Figma」で、紙媒体の名刺を作って実際に発注し、仕上がりを確認してみた。 Figmaを印刷用に工夫。 単位やカラーモード、ファイル形式などを印刷用に。 Figmaは元々デジタルデバイス向けなので、単位がpxオンリー、カラー...

Figmaを日本語化。設定方法はMacもWindowsも同じ。 Figmaが日本語対応。より使いやすく。 言語変更で日本語のUI（ユーザーインターフェイス）に。 2022年にFigmaの日本法人が設立されてから、Figmaはデフォルトで英語⇄日本語の言語変更が可能となっている。 参考：Figma日本語対応のお知らせ Figmaの言語変更はシンプ...

Figmaで検索・置換が可能に。 Figmaのアップデートで検索と置換の機能が実装されていた。 ショートカットで検索、置換ができるので、なかなか使い勝手が良い。 使い方は簡単で、以下のショートカットですぐに覚えられる。 ショートカット Mac：「Command」 + 「F」 Win：「Ctrl」 + 「F」 ※「F」は「Find...

Figmaのモザイクプラグイン「Pixels」とは？ Pixelsで画像にモザイクを。 写真や文字にモザイクをかけたいとき。 ネット上などに写真や画像をアップする際、個人情報や特定の箇所にモザイクをかけたいことがある。 Figmaにはデフォルトでは備わっていないようなので、こういうときはプラグイン。 Pixelsでモザイクをかけられる。 プラグインを探し...

Print for Figma。Figmaの印刷物用プラグインとは？ Figmaで作るDTP。 Figmaはもともとデジタルデバイス向けのツールだが、工夫すればDTPやグラフィックデザインもできる。 無料で使え、初心者にも向いている。 PhotoshopからのFigma。 FigmaはPhotoshopを意識して作られたデザインツールなのだそうで、カラーパレッ...

グラフィック（印刷の通販グラフィック）の名刺発注の手順。 近年ユーザーが増えているFigma。基本的にWeb向けのツールだが、名刺くらいは作れそうなので、実験的に自分の名刺で実際に作ってみた。 印刷は長年定期的に利用しているグラフィックさんへ発注。 参考：Figmaで名刺を作る方法。印刷用設定からCMYK化、入稿前の仕上げまで。 参考：Figma...

Figmaで印刷物を。名刺を作ってみる。 Figmaで印刷物。 Figmaで紙媒体、DTPデザイン。 デジタルデバイス向けのデザインツール「Figma」で、紙媒体の名刺を作れるらしい。 それなら試しにと、ひとまず自分用の名刺を制作。 Figmaで名刺制作。 Figmaは印刷物でよく使用するテキストのカーニングやアウトライン化も可能...

Figmaがダークモードに対応。 無料プランでも使えるデザインツール「Figma」がついにダークモードに対応。 以前からブラウザ版では拡張機能の「Dark Reader」で対応できていたが、インストール版でもダークモードでデザインができるようになった。 ※後日追記） ブラウザ版も同じ手順でダークモードに切り替え可能になりました。pets ...

そもそも独学で可能なのか？ 年齢による見極めが重要。 Webデザインを独学で学ぶことは可能だ。ただし、自分の年齢は考慮すべきである。 大前提として、ここの見極めをしなければならない。家族を養う立ち位置にいる人ならば、最重要の確認事項だ。 一部で溢れているような甘い情報に振り回されては危険なのだ。 中途採用のWebデザイナー、コーダーたち...

WebPの壁、IEが公式にサポート終了。 Internet Explorerがサポート終了に。 IEの終了とWebPの台頭。 いよいよというか、ついにというか、2022.06.16にIEのサポートが終了。 そこで、改めて画像形式、WebPについて考察。 WebPの開発元であるGoogle社のChromeはもちろん、Apple社のSafariも202...