マガジンのカバー画像

Figma 入門

13
デザインツール Figma の基本的な使い方から、エンジニアと協力して開発に組み込む際の活用方法などをまとめています。
運営しているクリエイター

#figma入門

Chapter 1: Figmaの概要とセットアップ

はじめにSketchやAdobeXDなど、様々なUIデザインツールが業務の中に取り入れられている中で、F…

Chapter 2: Figmaの基本操作

はじめにこの記事は、これからFigmaを使おうと思っている方や効果的な使い方を知りたい方に向…

Chapter 3: Figmaのレイヤーを扱う

はじめにこの記事は、UIデザインツール「Figma」の解説記事の第3章になります。 概要や過去の…

Chapter 4: コンポーネントとスタイル

はじめにこの記事は、UIデザインツール「Figma」の解説記事の第4章になります。 概要や過去の…

Chapter 5: プロトタイピング

はじめにこの記事は、UIデザインツール「Figma」の解説記事の第5章になります。 概要や過去の…

Chapter 6: 開発フローに組み込む

はじめにこの記事は、UIデザインツール「Figma」の解説記事の第6章になります。 概要や過去の…

FigmaにAuto Layoutが来た!

こんにちは、ふじけん(@kenshir0f)です。 FigmaにAuto Layoutが来て早速触ってみたので、その機能をご紹介します。 今回は、チュートリアル読む前にさっと機能だけを知りたい方向けに書きました。 Auto Layoutとは?テキストの長さや要素の数によって、自動的にそのオブジェクトのサイズが変わる便利な機能です。 テキストの長さを変えるたびに、その背景やボタンの位置を変えていた作業がこれによって解消されます。 チュートリアルFigmaをアップデート後に起

FigmaのコンポーネントをVariantsで状態管理する

こんにちは、ふじけん(@kenshir0f)です。 Figma に新機能 Variants がリリースされました。一…

Figma Config 2022 で便利になった機能のおさらい

こんにちは、ふじけん(@kenshir0f)です。 Figma Config 2022 で大きめのアップデートが来て、…

Figma の Component Properties を学ぶ

こんにちは、ふじけん(@kenshir0f)です。 Figma Config 2022 で新しく追加された Component Pr…

Figma の Dev Mode で UI の確認を楽にする

こんにちは、ふじけん(@kenshir0f)です。 Figma Config 2023 で Developer Mode (Dev Mode) が…

313