マガジンのカバー画像

4009 Designer's Book

402
株式会社FORKのデザイナーたちが普段考えてる事や、デザインへの取り組みなど、多種多様なテーマで発信しております!
運営しているクリエイター

#figma

Figmaプラグイン紹介‐Autoflow編‐

皆さんこんにちは!株式会社FORKのkuritaです! 新年あけましておめでとうございます🐍 遅ればせながら、今年もよろしくお願いいたします! さて!本日は「Figmaプラグイン紹介‐Autoflow編‐」です! Autoflowこちらのプラグインは、 ⭐図形から図形に自動で矢印を表示したい ⭐手順の説明や資料作成のときに使いたい こんなときに役立つプラグインです👀 使い方①プラグインを開き、矢印を付けたい順に図形を選択する プラグインを開いてから、shift+ク

Figmaプラグイン紹介‐Unsplash編‐

皆さんこんにちは!株式会社FORKのkuritaです! 本日は「Figmaプラグイン紹介‐Unsplash編‐」です! Unsplashこちらのプラグインは、 ⭐フリー画像をサイトからダウンロードするのが手間…! ⭐おしゃれな画像を配置したい というときに役立つようなプラグインとなっています👀 フリー画像サイト「Unsplash」とは? 今回ご紹介するプラグインは、フリー画像サイト「Unsplash」からサイトに赴くことなく、figma上で検索&配置ができるプラグイ

Figmaプラグイン紹介‐Timer編‐

皆さんこんにちは!株式会社FORKのkuritaです! 本日は「Figmaプラグイン紹介‐Timer編‐」です! Timerこちらのプラグインは、 ⭐タイマーを表示したい ⭐セミナーなどで制限時間を設けたい というときに役立つようなプラグインとなっています👀 それでは使い方をご紹介していきます👇 使い方 ①テキスト「Timer: 00:00」を入力 テキストで「Timer: 00:00」のテンプレートで好きな時間を入力します。 注意点として、:(コロン)は半角で、「

Figmaプラグイン紹介‐Rename It編‐

皆さんこんにちは!株式会社FORKのkuritaです! 本日は「Figmaプラグイン紹介‐Rename It編‐」です! Rename Itこちらのプラグインは、 ⭐フレームやオブジェクトの名前を瞬時に変えたい ⭐名前を統一したい というときに役立つようなプラグインとなっています👀 それでは使い方をご紹介していきます👇 使い方 ①フレームを順番に並べる 名前を付けたい順に左上から右下に行くよう、下の画像のように並べます。(補足ですが、プレビューモードでオブジェクト

Figma基礎編:Part1 「ワークスペースについて」

今回は自分自身の復習も兼ねて、Figmaについて記事を書きます! 基礎編・応用編をそれぞれ2記事ずつ、計4記事構成で進めていけたらと思ってます。 まずは基礎編:Part1 「ワークスペースについて」についてです。 1.ワークスペースの構造Figmaのワークスペースは「チーム」>「プロジェクト」>「ファイル」>「ページ」という構造になっています。 1.チームとは チームはワークスペースの中で一番大きな単位で、組織ごとに作成するものです。またプロジェクトの作成やチームに参

Figma新機能「マルチ編集」を使ってみる

こんにちは、nabeです! Figmaでは3月に新機能「Multi-edit playground」がリリースされました🎉 理解するのが少々難しく、苦戦ながらも機能について整理してみたので、 今回はその内容を書いていければと思います! 1.特徴わかったようで、よくわからないような…。 まずは編集に入る前に共通レイヤーのルールを整理したい思います。 2.「Matching layer」とはMacting layerとはframeを越えて共通するレイヤーのことを指します。 共

Figmaでマイクロインタラクションを作成する

こんにちは!nabeです。 今回はFigmaで「マイクロインタラクション」を作成するにあたって、 例を用意し簡単な手順についてご紹介できればと思います。 そもそもマイクロインタラクションって何?DanSaffer氏の書籍「マイクロインタラクション-UI/UXデザインの神が宿る細部」 より、以下が記されているようです。 ちょっと難しいですが、ユーザーとのコミニケーションの一つで、ユーザーが行った動作をわかりやすく伝えることことができます。例としては、ハートのいいねボタンを押

【Photoshop・Figma】まぜこぜショートカットを再確認しよう

こんにちはnagamです。 PhotoshopとFigma、日々の使用率が同じぐらい、いやFigmaの方が高くなりつつあるなかで、困っていることがあります。 ショートカットまぜこぜ問題です🌀 『移動ツール/V』や『テキストツール/T』が同じだったので、 Figmaを触り始めた頃はすんなり馴染めそうだなあと思っていたのですが、使っているうちにちょいちょいある違いに悩むようになりました。 同時に使っている時なんてパニックです。 手当たり次第に押してしまい、見に覚えがない変更が

Figmaでアニメーションが作れる!?「Motion」レビュー

こんにちは、WEBデザイナーのdanです。 突然ですが、Figmaをお使いの皆様Figma pluginの「Motion」をご存じでしょうか? Figmaでアニメーションが作れてしまう、そんな便利なプラグインがあるなんて!早速、触ってみました。 プラグインをインストール メニューバーの Plugins → Motion を選択するとMotionのパネルが表示されます。 タイムラインにキーフレームを打つパネルで表示され画面に置いて使用します。動画編集でよく見かけるパネル

Figma plugins.3[LottieFiles]のご紹介

こんにちは、株式会社フォーク WEBデザイナー在住の4009_danです。 Figma pluginのご紹介です! Lottieとは?Lottieアニメーションをご存じでしょうか? Lottie(ロッティー)は民泊サービスなどを展開している会社・Airbnbが作ったアニメーションライブラリです。 高い解像度を保ったまま、サイズの拡大・縮小ができ、GIFやMP4よりもファイルが軽いため使いやすさが特徴です。 使い方はLottieアニメーションを検索し、「Insert as

Figma plugins.2[Material Design Icons]のご紹介

こんにちは、株式会社フォーク WEBデザイナー在住の4009_danです。 今回もFigma pluginのご紹介です! 今回のご紹介はGoogleが提供している「Material Design Icons」です。 便利なアイコン素材集もご紹介します。 Material Design Iconsとは?2,000以上ものアイコンが、バリエーション豊富に5種類で展開されています。ライセンスはクリエイティブコモンズ(CC BY 4.0)で、クレジットとライセンスへのリンクがあれ

Figma plugins.1[Unsplash]のご紹介

こんにちは、株式会社フォーク WEBデザイナー在住の4009_danです。 今回はFigma pluginのご紹介です! Unsplashとは?弊社はFigma推奨で制作を進めているため絶賛Figmaを勉強中です。 そんな中でpluginは大きな味方だと感じています。 ご紹介するUnsplashは無料で300万点以上の高解像度写真を使うことができるpluginです。こちらのプラグインを使うことで直接Unsplashの素材にアクセスすることができます。 ライセンスに関してU

AE&Figma 5月おぼえがき

こんにちは。 もう月末…!GWがあるとはいえ、5月ってあっという間ですね。 子どもの頃理解できなかった「大人の1年はあっというま」が最近わかってきて、成長を喜ぶべきか切なくなるべきか迷いどころのnagamです。 ちょっとした宣言あれしろこれしろと強制されるのは苦手ですが、ある程度道を塞いでおかないと「まあ…(やらなくても)いいか」と逃げ腰になるのも事実。 前回の「HTML5プロフェショナル認定試験」も、周囲に受けてみますと言ったことでゴールに諦めることなくたどり着けたと思っ

Figmaをもっと活用したい!そんな社内共有用のFigmaファイルを作ろう!

こんにちは! 株式会社フォークでWEBデザイナーをしているoyamadaと申します。 今回は、社内でFigmaの活用を促進するために、 デザイナー7名で取り組んできた社内活動に関してと、半年間の活動の集大成として、アウトプット用の資料に関してのまとめた内容を投稿させていただこうかと思っておりますm(_ _)m フォーク社内でのFigmaチームの活動についてまずは、Figmaチームの活動内容の振り返り 近年、業界標準にもなりつつある、ブラウザ上で簡単にデザインができるツール