figmaの使い方②

こんにちは。
LIVIKA運用チームの小嶋です。

本日もfigmaの使い方について紹介していきます！

今回はワイヤーフレームの作成方法をお伝えします！

フレームを選択する

左上バーから「フレーム」を選択すると、スマホやタブレット、デスクトップなど様々なフレームを選択することができます。

図形やテキストを配置

左上のバーから好きな図形を選択しましょう。
図形を選択したら、ドラック&ドロップで好きな大きさに図形を配置することができます。
テキストの挿入方法は、左上の 「T」 をクリックし、ドラック&ドロップをすると自由にテキストを入力できる部分が現れます。

グループ化する

複数の要素をグループ化することができます。
グループ化することにより、コピー＆ペーストや編集が簡単になります。

データの出力

ワイヤーフレームが完成したら、データを出力しましょう。
右側のメニューにある「エクスポート」から操作します。
PNGやPDFなどの4つの形式から一つを選び、保存場所を選択してエクスポートしましょう。