Figma:ファイルの作成方法

フィグマのファイルの作成
figmaのアイコン
所要時間
15分
難易度
★☆☆☆☆
製作者
すん

ファイル管理

フォルダーの関係

ファイルの管理を不等号で表すとこんな感じです!

アカウント>チーム>プロジェクト>ファイル

後から探しやすいファイル管理を心がけましょう!

目次

1_ チームの作り方

2_ プロジェクトの作り方

3_ ファイルの簡単な紹介(デザイン・FigJam・スライド・Buzz・サイト・Make)

4_ファイルの編集(複製・削除・リネーム・ピン留め)

5_おまけ(ファイルにファビコンを設定する方法)

制作

1_ チームの作り方

1_1_チーム名の指定

チーム作成1

1_2_メンバーを追加

チーム作成2

1_3_セットアップを完了

チーム作成3

1_4_設定の確認

チーム作成4
2_ プロジェクトの作り方

2_1_プロジェクトを作成

プロジェクト1

2_2_フィグマ紹介にユーザーを追加

プロジェクト2
3_ ファイルの簡単な紹介(デザイン・FigJam・スライド・Buzz・サイト・Make)

3_1_Figma デザイン

デザインの様子

3_2_FigJam

FigJam

FigJamでは、リアルタイムでチームメンバーと、アイデア出しやアイデア整理することで、チームメンバーと課題を解決することに役立ちます。

すん

別の投稿でよこちーさんが、

FigJamについて解説しているので詳しく知りたい方はぜひ読んでみてください!!
Figma:これひとつで考えがまとまる!〜FigJamで頭の中整理整頓〜

3_3_Figma スライド

スライド

figmaでプレゼンに使用するスライドを制作することができます。Canvaと性能が近いです。

メンバー全員を同じSlidesファイルに集め、フィグマで使用できるAIとFigJamを使用してメンバー一緒にプレゼンシートを制作できます。

3_4_Figma Buzz(ベータ版)

Buzz

チーム全体を集め、主にSNSをはじめとした各種広告バナーなどをGoogleスプレッドシートと連携して、デザインアセットを一度に大量生成できるツールです。

3_5_Figma サイト(ベータ版)

サイト

Figmaでデザインしたものを、そのままウェブサイトとして公開できます。LPだけでなく複数ページのサイトのデザイン〜公開〜更新までをfigmaで管理できます。

テンプレートのブロック(セクション)によって、早く簡単にサイトをデザインできます。オートレイアウトやバリアブルを活かして、レスポンシブに切り替えることがでます。

新機能で面白い機能なので、試してみるのはいかがでしょうか?

3_6_Figma Make

Make

figmaにはAI機能も搭載されています。「実装して欲しい内容」を文章で入れるだけで、ある程度形にしてくれる機能になっています。

また、AIなのでFigma Makeで調べたことは、確実に正しい情報ではないので自分なりに調べた方が安心できます。そして、コードの制作には多少時間がかかってしまいます。

4_ファイルの編集(複製・削除・リネーム・ピン留め)

4_1_ピン留め

ピン留め

4_2_ファイルのリネーム

ファイルのリネーム

4_3_削除

4_3_1_削除

ファイルのリネーム

4_3_1_削除後のファイルデータ

ゴミ箱

4_4_星つき

星つき

4_5_複製

複製
5_おまけ(ファイルにファビコンを設定する方法)

ファイル名の最初に絵文字を使うと、タブのファビコンとして表示されます。

5_1_ファイル名の前に猫の絵文字を入れる

プレゼン(ファビコン設定前)
すん

プレゼンシートというファイル名の前に猫の絵文字を入れてみます!

5_2_ファビコン設定完了

プレゼン(ファビコン設定後)
すん

ファイル名の前に猫の絵文字がつきました!

可愛いですね!!

5_3_ファビコン設定後

ファビコン設定完了
すん

タブを見るたびに、気分が上がりますね

5_4_ファビコン設定後の星つきフォルダー

ファビコン設定完了後の星印
すん

ここも可愛くなります


わかりやすくてオススメです!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA