マガジンのカバー画像

Figma

6
Figmaにまつわる記事をまとめています。
運営しているクリエイター

記事一覧

固定された記事

【Figmaで脱出ゲーム!?】社内でオンラインイベント開催

みんなで遊びたい社内コミュニケーションを活性化させるため、そしてデザイナーだけでなく様々な職種の方がFigmaの魅力を体験できるよう、Figmaで脱出ゲームを作りました!このオンライン社内イベントを通してFigmaをもっと社内に浸透させることで、普段の仕事でもよりスムーズに連携できると思い開催に至りました。 この記事では、Figmaの機能を活かした謎解きゲームの仕組みについてお話しします。 現実のオフィスの再現実際のオフィス空間をFigmaで再現することにしました。 見慣

【Variables分からない勢向け】ミニマルなVariablesのテンプレ紹介

こんにちは!and factoryデザイナーのMINです。 Figmaの新機能であるVariablesはもう触りましたか? 変数やデザイントークンに対してこれまであまり縁がなかったデザイナーには正直ハードルが高いですよね。 この記事ではそんなデザイナー向けに、ミニマルなVariablesのテンプレを紹介します。 SNSでVariablesを複雑に活用した事例が流れてきたのを見て「私にはVariables無理かも…」となった方や、「プリミティブトークン…?セマンティックトーク

【Figma講座】デザインスピードが上がるショートカット5選!

こんにちは!and factoryマンガアプリの担当デザイナーのリリです。 Figmaのデザイン作業を効率よくする為に欠かせないのが、ショートカットの活用。 今回は、Figmaのデザインスピードが上がるショートカットを5つ紹介します。 1.複数画像をまとめて差し替える【Command/Ctrl+Shift+K】複数の画像をシェイプ内に挿入する際、一枚ずつ追加していませんか? Figmaでは複数画像を、一括でシェイプ内に追加するショートカットがあります。 シェイプを複数選択し

プラグインを使って効率化を目指せ!おすすめFigmaプラグイン5選

こんにちは!and factoryデザイナーのモロズミです。 みなさんFigmaのプラグインは使っていますか? デザイン作業をする上で短縮させたい作業や、もっと効率的に捌きたい…と思う瞬間、ありますよね? そんなときに役立つのがプラグインです! 今回はデザイン作業を効率化できるプラグインをご紹介します! 1.AutomatorFigmaでできる操作のほぼ全てを自動化することができます。 簡単に言うと、自分でプラグインを作れるプラグインです。 よく使う操作は登録しておくととて

トレースでUIコンポーネントを深く知ろう!社内Figma勉強会に参加してみた

こんにちは!and factoryデザイナーのいしだです! and factoryのデザイナーチームでは、これまで紹介したUI勉強会だけでなく、さまざまな社内勉強会を実施しています。 ▶︎ 第1回社内勉強会〜UI制作初心者の私が0からUI制作!? ▶︎ 第2回社内勉強会〜初心者の私がUIアップデートに挑戦!! 入社して初めてUI作成業務にあたるメンバーも多いため、改めてUIを学ぼう!ということで、UIの基礎を学べるFigma勉強会が最近始まりました! 今回は、そちらにつ

Figmaとセットで考える爆速HTMLコーディング〜初心者が抑えたい3つのポイント〜

こんにちは。and factoryデザイナーのサカイです。 突然ですが、皆様コーディングしてますか?人をわっと喜ばせるようなビジュアルデザインを考えるのも楽しいですし、とことん合理的な書き方を突き詰めるコーディングも楽しいですよね。 and factoryでは、半数のデザイナーがコーディングスキルを有しています。 中には最近学び始めた人もいるため、ナレッジ共有のために先日勉強会を行いました。 すると、以下の質問が挙げられました。 コーディング初心者なら、誰もがぶつかる基