マガジンのカバー画像

【完全無料】デザインツール「Figma」マガジン

38
無料のデザインツール『Figma』のマガジンです!ちょっとした小技を初心者でも分かるように説明していきます!webで楽しく描いていきましょう😉
運営しているクリエイター

#デザインヒント

隠れたレイヤーが見たい! #Figma

今回はアウトラインの表示方法をご紹介します!隠れたレイヤーの選択、調整が簡単になります。 ツールバーの右上にある[ズーム/表示オプション]メニューをクリック。 Show Outlines をクリック。 非表示のレイヤーを含めたい場合はInclude hidden layersを、 オブジェクトの境界線を含めたい場合はInclude object boundsを選択。 ショートカットはこちらです。 ⌘ Command / ControlY Shift+O 👇

かわいい吹き出しを作りたい!#Figma

今回はFigmaを使ってかわいい吹き出しを描いていきたいと思います! 1.長方形を描く。角を15に。 2.長方形をダブルクリック。 3.ペンツールをクリック。左下3点をクリック。 4,③の点をシフトを押しながら下にドラック。 5.3点をクリックし、角を0に。 6. Bend Tool をクリック。 7.Altを押しながら左の点をドラックし曲線を作る。 8. Altを押しながら右側の点を外側にドラックし、形を調整する。 完成です! 補足1: 3点シフトを押しな

カードをフレームの外に出したい!#Figma

今回は「Clip Content」を使って、カードをフレームの外に出したいと思います。 Clip Contentはフレームをクリックすると、右側のパネルに出てきます。チェックが入っているので、このチェックを外す。 カードをフレームの外に出すことができました!😊 今回はここまでです!また次の記事でお会いしましょう~😉 Follow me here😊 Figma │Instagram | Twitter │Dribbble │Behance│ Linkedin | No

等間隔で円状に並べたい!#Figma

今回はFigmaを使って、円を等間隔で円状に並べたいと思います! 手順📝フレームを準備。(ショートカットはF) 円を一つ描く。(ショートカットはO) シフトキーを押しながらドラックすると正円ができます。 円を複製(ctrl +D)。真下に配置(ショートカットはAlt + H)。 グループ化(ctrl +G)。 グループを複製。Shiftをおしながら、グループを回す。 5を繰り返す。 完成です😊 こちらのカラーはFLAT UIを利用しました。 プラグイン円だけ

Variantsをやってみたい!#Figma

今回はFigmaのVariants(バリアンツ)を使ってみたいと思います! 手順📝1, 好きな文字を書く。 2, shift + Aでフレームにする。 3, fillで好きな色に染める。フレームの角をとる。(今回は16) 4, Auto layout で文字をセンターに揃える。 5, フレームの名前を変える。(今回はbotton) 6, コンポーネントにする。(ctrl + Alt + K : Windoesのショートカット) 左側のアセットパネルを開くと、コンポーネン

グラスモーフィズムを作りたい!#Figma

今回はFigmaを使ってグラスモーフィズムを作ってみたいと思います! 1、アイコンを二つ準備。 こちらの雲は楕円と円をunion selectionで合わせ、月は大小二つの丸をsubtract selectionで作りました。 2、それぞれlinearで染める。 3、雲のbackground blurを80に。 4、雲のlinearを10%に。 5、雲のStrokeを白の1に。 6、月を雲の後ろに移動。 完成です! 今回はここまでです!また次の記事でお会いし

円の中に人物を入れたい!#Figma

今回はFigmaのマスク機能を使って円の中に人物を入れてみたいと思います。 手順📝 1、円の中に入れたい写真を準備 2、円を二つ作る。 3、写真の下に円を配置する。 4、Figmaの上部にあるマスクを押す 5、写真や円を移動し、微調整 6、完成! 今回はここまでです!また次の記事でお会いしましょう~😉 Follow me here😊 Website | Instagram | Twitter │Dribbble│Linkedin