ブラウザ上で簡単にデザインができるFigmaですが、人気の理由のひとつがプラグインを活用すれば自分好みにカスタマイズできる点でしょう。 たとえば、「できるだけ効率よく作業時間を短縮したい」というクリエイターの願いを叶えるAI機能を生かしたプラグインや、統一感のあるWebサイトに欠かせないデザインシステム作成プラグインなど用途によってさまざまです。 しかし、いざ探してみると、どこから見つけていいのか迷ってしまうほど膨大な数が公開されています。 そこでこの記事では、デザインをつくるときに役立つFigmaプラグインに絞り、リスト形式でご紹介します。 しかも、どれも無料。気になるアイテムはどんどん試してみましょう。きっとこれまで以上楽にデザインを作成できますよ。 このリストはこんな人におすすめ デザインのアクセントになる「あしらい」をさくっと作りたい どのプラグインを使えばよいか迷っている まわり

毎月新しく公開されるフリーフォント素材の中から、商用利用OK完全無料の英語・日本語フリーフォントを厳選してご紹介。 2022年に話題となったフリーフォントを中心に、日本語や英語フォントなど、カテゴリ別にまとめているので、使いたいスタイルに応じて活用してみましょう。 コンテンツ目次 1. 日本語フォント（22書体） 2. 万能フォント（10書体） 3. サンセリフ書体（15書体） 4. セリフ書体（18書体） 5. 筆記体（7書体） 6. 手書き、ブラシフォント（9書体） 7. ディスプレイフォント（29書体） 8. これまでの歴代フリーフォント 日本語フリーフォント 無料で商用利用できる日本語フリーフォント、22書体をまとめています。 Adobe Fonts おすすめ日本語フォント35選 Adobe CCユーザーは無料のAdobe Fontsより、「本当に使える」日本語フォントを厳選。 日

最近いろいろな場所で見かけるようになった、立体的な3Dデザイン。 無料で使える3Dツールや素材もありますが、圧倒的なビジュアル力のおすすめフォトショップ3Dデザイン素材をまとめてご紹介。 フォトショップでこんなことまでできるの?!と思うような3D加工も、ワンクリック操作を基本とした便利なアクション素材や、写真を放り込むだけで完成のPSDファイルなどを中心に揃えています。 簡単なアクションの使い方を知っておくだけで、プロのような仕上がりを誰でもラクラク作成できる時短アイテムとして活用できます。 フォトショップで写真を手描きスケッチ風に加工！おすすめ素材20選 フォトショップで漫画コミック風イラストに一発加工！おすすめ素材10選 フォトショップで写真を水彩イラスト風に一発加工！おすすめ素材25選 フォトショップで写真にグリッチエフェクトをかけるオススメ素材20選 まだフォトショップを持っていな

「せっかく良い写真が撮れたのに、背景に不要なものや人が写り込んでしまった。」「シャツにケチャップのしみがついている」「写真にうつった文字を変更したい。」 誰ももこんな経験、一度はしたことがあるのではないでしょうか。 なぞるだけで写真の不要なものを消すことができる、魔法のようなオンラインツールCleanup.Picturesをご紹介します。 人やものなどの被写体、文字テキストなど、あらゆるものを写真から消し去ることができます。 写真の不要なものをなぞるだけで消すことができるWebサービス Cleanup.pictures CleanUp.picturesは、ほんの数クリックするだけで、写真の不要なものを消し、クリーンアップできる無料ウェブサービスです。 ものを消すだけでなく、削除した部分を自動かつ、正確に再描画してくれます。 操作はいたってシンプル。写真の不要な部分をブラシでなぞるだけで、あ

この記事では、Google Fontsで使える日本語フリーフォントをまとめてご紹介します。 Google Fontsには現在、64の日本語書体が提供されており、すべてのウェイトを合わせると、132フォントが商用OK＆完全無料となっています。 フォント選択の幅が広がるWebフォントを利用して、ウェブサイトのデザインをグッと良くしてみませんか。 Adobe CCの日本語フォントと、漢字も使える日本語フリーフォントも一緒に活用してみると良いでしょう。

この記事では、Webデザイン制作の面倒な作業を楽にこなす、便利なSVGツール53個をまとめてご紹介します。 背景テクスチャやSVGシェイプから、オンラインSVGツールやSVG最適化ツールなど、SVGにまつわるあらゆるツールを揃えています。 新しいツールが見つかり次第アップデートしていく予定なので、ブックマークしておくと良いかもしれません。 Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ Web制作をもっと楽に！便利なSVGツールまとめ Haikei ユニークなSVGシェイプや背景、シームレスパターンを作成できるオンラインツールで、グラデーションや波ウェーブなど基本的なシェイプはほぼ揃います。 配色やサイズなど、本格的なカスタマイズができるのも特長で、作成したデザインはSVGやPNGファイルとして無料ダウンロード可能です。 Cool Backgrounds お好みの配色をつか

動き（英: Motion）は、デジタルデザインのユーザーエクスペリエンスに大きな影響を与えます。 しかし、インターフェース要素にモーションデザインの基本原則をうまく取り入れなければ、使いやすさとなるユーザビリティは損なわれてしまいます。 この記事では、ユーザーに説得力と感動を与える、モーションデザインの基本原則12個をまとめています。 モーションデザインとは？ モーションデザインとUXの組み合わせは、比較的新しいものですが、そのルーツは世界中のひとを魅了し続けるディズニーです。 ディズニー社の現場で長年培われ、トップクリエイターFrank ThomasとOllie Johnstonが苦心して作成したアニメーションの基本原則12個（英: 12 Principles of Animation）は、「生命を吹き込むイリュージョン: ディズニーアニメーション（英: The Illusion of

この記事では、2020年9月にかけて集めた、デザイン制作に役立つ最新フリーフォント素材をまとめて紹介しています。 ゆるい雰囲気の手書きフォントが、商用OKも多く、今月は特にオススメです。 高級感のあるセリフ書体や、人気の高い筆記体やブラシフォント、シンプルで使い勝手の良いサンセリフ書体まで幅広いスタイルが揃います。 どれも無料でダウンロードが可能となっていますが、ライセンスはそれぞれ異なるため、利用前にかならず確認するようにしましょう。 デザインの現場で活躍する最新フリーフォント54個まとめ 2020年8月度 新作続々！デザイン制作に役立つフリーフォント素材まとめ M+A1 M+ FONTSを改変し、Pythonにより機械的に角丸・墨溜まり処理を施した書体。1フォント8000字以上の文字を収録で、基本6書体のほか、全74バージョンが用意されています。 ※　個人、商用利用可能 Tropika

アイコンは、UIデザインにおいて重要な役割を果たします。 メッセージを伝え、独自のブランド観をデザインで表現できます。 しかし、アイコンひとつずつを作成するには時間だけでなく、当然スキルも必要です。 また、プロダクトデザインなどでは、プロジェクトの進行に応じてアイコンは変更されがちで、何度も修正することもあります。 解決法はずばり、どんなプロジェクトに対応するアイコンライブラリを利用すること。 今回は、無料で使えて、クリエイティブな時間を節約できる、高品質な無料SVGアイコンライブラリをまとめてご紹介します。 あらゆる案件に対応できる豊富なファイル形式 豊富な収録数に加え、サイズや配色などのカスタマイズ性、モダンデザイン対応のヴィジュアル性もアピールできる、使い勝手の良いシンプルなアイコン素材が揃います。 MITライセンスで、商用利用も可能なオープンソースの素材が中心で、クライアント案件で

モダンなCSSレイアウトでは、ほんのわずかなコードを書くだけで、実用的なスタイリングを実現できます。 この記事では、たった1行でよく見かけるWebレイアウトを表現できるテクニック10個をご紹介します。 上下中央揃え: place-items: center まずCSSでもっとも頭を悩ませる、上下中央揃えを詳しくみてみましょう。ここでは、plae-items: centerを使えば、思ったよりに簡単に実現できます。 まず、display: gridを記述したら、一緒にplace-items: centerを同じ要素に追加します。place-itemsは、align-itemsとjustify-itemsを同時にスタイリングできる簡略化表記、ショートハンドです。centerに設定することで、align-itemsとjustify-itemsの両方がcenterとして設定されます。 .paren

iPadやiPhone、そしてスタイラスペンさえがあれば、まるで手書きしているようなスケッチやイラストを、手軽に描くことができるお絵かきアプリ「Procreate（プロクリエイト）」。 本物の筆ブラシで描いているようなレスポンス速度、筆圧に対応して太さの変化するブラシなど、イラストに自信がないひとにも人気の機能が満載です。 以下の動画では、直感的にイラストを短時間で完成させているのがよく分かります。 この記事では、水彩絵の具でペイントしたような質感をリアルに表現できるProcreate専用ブラシ素材をまとめてご紹介します。 Procreateにデフォルトで収録されているブラシでは難しい質感も、ペンをなぞるだけで簡単に仕上げることができる有料アイテムを揃えました。 お絵かきアプリProcreateでリアルな水彩ペイントを描くベストブラシ16個まとめ ■ Procreate Watercolo

この記事では、フォトショップで写真などの画像を伸縮させずにリサイズする方法をご紹介します。 「コンテンツに応じた拡大・縮小」機能を利用することで、思い通りの画像サイズに変更、リサイズすることができます。ここでは、2つの具体的なサンプル例を詳しくみていきます。 1つ目は写真を使った例、もうひとつはグラフィックデザインでのテクニックの活用方法となります。 リサイズする前の元画像がこちら 今回は、こちらの写真を参考に「横長バナーを作成」してみます。 「自由変形」の場合 メインメニューより「編集」>「自由変形」（Command/Ctrl+T）で、足りていない横幅サイズに合わせて、画像を自由変形させようとすると、写真全体が歪んでしまいます。車はもちろん、背景のヤシの木も太くなり、不自然な仕上がりに。 「コンテンツに応じた拡大・縮小」をつかった場合 次はメインメニューより「編集」>「コンテンツに応じた

人物などの被写体の切り抜きは、フォトショップでも人気のある使い方、テクニックのひとつです。 この記事では、「選択とマスク」機能をつかった、よりきれいな切り抜きテクニックをご紹介します。このテクニックを利用すれば、複雑な髪の毛などの人物モデルも数分で切り抜くことができます。特にむずかしい手順もないので、Photoshopがはじめてのひとにもオススメです。 2ステップで完成！よりきれいなフォトショップ切り抜きテクニック 先日行われたAdobeのアップデートで、より精度が良くなった被写体の選択。ワンクリックで完璧な切り抜きができる、というわけではなく、手作業による修正を多少行う必要があります。 フォトショップがより簡単に！注目の新機能5個まとめ【被写体の選択、Camera Rawフィルタ、マッチフォント】 今回用意した写真は以下のとおり。 背景は切り抜きやすいシンプルな背景に、ドレッドヘアーが特

この記事では、写真レタッチ・加工がうまくなる最新チュートリアル、テクニックをまとめています。 定番で基本のレタッチ術から、風景や人物の違和感のない合成テクニック、輝くライティングエフェクトなど幅広いフォトショップの技術を学ぶことができる最新チュートリアルが揃います。 サンプル用PSDファイルを無料ダウンロードできるものもあります。フォトショップのツールやエフェクトの具体的な使い方を実践で覚えてみましょう。 すごいぞフォトショップ！レタッチ、写真加工の最新チュートリアル、つくり方まとめ 写真を手書きイラスト風に加工する方法 豊富に用意されたフォトショップのフィルタ機能の中から、スタンプエフェクトを利用したお手軽テクニック。 写真の人物やモノをピカピカに輝く黄金にする方法 アカデミー賞で授与されるオスカー像のような、ピカピカに光る黄金エフェクト。 写真から黄金像をデザインする方法 上記チュート

この記事では、フォトショップの新しいテクニックや基本の使い方を学ぶ最新チュートリアル、作り方をまとめています。 最近のアップデートでさらに使いやすくなったフォトショップを、ばっちりマスターしたいひとにオススメのテクニックを中心にまとめています。 また、これからフォトショップをはじめようという人は、30日にフォトショップのすべてを学ぶ無料コースも開催中。重要ポイントをしっかり押さえながら、すばやく使い方を覚えることができます。 2016年総まとめ！デザイナーが確認しておきたいPhotoshopチュートリアル厳選55個 Photoshop CC 2020に追加された便利すぎる新機能10個まとめ フォトショップをしっかり学ぶ！最新チュートリアル、作り方まとめ 写真から金網フェンスを取り除く方法 フェンス部分の選択にはすこし要領が必要ですが、手順としては3ステップのみで完成するクイックチュートリア

この記事では、見ているだけで楽しくなる、個性豊かで、あらゆるデザインシーンで使える新作フリーフォントをまとめています。個人利用、商用利用の可否についても一緒に記載しているので、デザインの目的に合った書体をスムーズに見つけることができます。 商用利用もできる日本語フォントにはじまり、豊富なウェイト数が揃った万能スタイル、人気のレトロ、ビンテージ系、筆記体などあらゆるスタイルが揃います。 これが無料?!デザインが捗る最新フリーフォントまとめ ビースト明朝 異世界小説・ファンタジー小説に合う明朝体」をキーワードに開発した「かな書体」。無料版は商用版と異なり縦書きや異体字が無く、いくつかの文字に機能制限があります。 ※　個人利用可能 バナナスリップ バナナスリップは強い骨格と微かな可愛らしさを合わせた日本語フォントです。 インパクトが欲しい、でも堅苦しくしたくない、そんなときにオススメ。 ※　個人

当サイトでは、毎月新しく公開されたフリーフォント素材をまとめてご紹介しています。この記事では、2019年上半期にリリースされた、商用利用でも使える完全無料の英語・日本語フリーフォントをまとめてご紹介します。 オシャレな英語フリーフォントから、需要の多い日本語フォント、2019年注目を浴びている高級感のあるセリフ書体、安定人気の筆記体、筆ブラシの手書きナチュラル系、モダン・レトロ、ビンテージ、デコレーションなど幅広いカテゴリよりフリーフォント素材90個を厳選しています。 2018年の商用可能なフリーフォントに関しては、以下の記事を参考にどうぞ。 商用可で完全無料！2018年公開のフリーフォント素材132個総まとめ コンテンツ目次 1. 日本語フォント 2. 万能フォント 3. 筆記体フォント 4. サンセリフ書体 5. セリフ書体 6. 手書きナチュラル系フォント 7. 筆ブラシ・フォント

この記事では、無料ですぐに利用できるハイクオリティな最新アイコン素材をまとめてご紹介します。これらの素材を利用すれば、ウェブサイトのUIデザインやプレゼン用の資料やスライド作成などを、手軽に仕上げることができます。 紹介しているアイコン素材は、シンプルで使い勝手の良いものから、デザイン性に優れたユニークなもの、IllustratorやPhotoshopはもちろん、SketchやFigmaなどのツールでも利用でき、何かと重宝するアイテムが揃っています。 イチからアイコンを作成する時間がないときや、オリジナルアイコンを作成したいときの参考にもなります。 高クオリティ！すぐに使える最新フリーアイコン素材まとめ Material Icons Library Googleのマテリアルデザインを基準としたアイコンデザイン1000種類以上画揃った素材セットで、SketchやPhotoshop、Adobe

あたらしい年がはじまり、Webサイト制作フローにあたらしいPhotoshopプラグインを追加してみませんか。制作スピードをアップしてくれる、便利な拡張機能、スクリプトをまとめました。 海外デザインブログDesignModoで、Webデザイン制作をより効率化してくれる、Photoshop拡張機能プラグインをまとめたエントリー「Photoshop Plugins You Won’t Be Able to Live Without」が公開されていたので、今回はご紹介します。以前ご紹介した、無料Photoshopプラグインも参考にどうぞ。 詳細は以下から。 Webサイト制作をスピード化！Photohsop拡張機能プラグインまとめ Photoshop SVG Export 価格 $20（およそ2,100円） SVGファイルを作成するときに活用したいプラグインで、特にSVGアイコン作成に適しています。

Photoshopをつかって継ぎ目のないパターンテクスチャを作成するのは、なかなか面倒な作業で、時間もかかってしまいます。この記事では、繰り返しパターンをラクラク作成できるPhotoshop向け拡張プラグイン Adobe Textile Designer のインストール方法から詳しい使い方、利用上の注意点までまとめてご紹介します。 コンテンツ目次 1. Adobe Textile Designer プラグインとは？ 2. 入手、インストール方法は？ 3. 詳しいプラグインの使い方 4. 編集したアートファイルの保存について 5. Photoshopを使うならフォトプランがおすすめ Adobe Textile Designer プラグインとは何？ Aodbe Textile Designer プラグインとは、継ぎ目のないパターンテクスチャを瞬時に作成できるAdobe謹製のフォトショップ拡張プ