WEBデザインを下層まで探せるWEBギャラリー・リンク集。
WEBサイト・LPを毎日更新していきます!

会員限定書き出し

Figmaでは、作成したデザインを様々な形式で書き出すことができます。
書き出し形式としては、PNG、JPEG、SVG、PDFなどが一般的です。

書き出し方法は、以下の手順で行います。

デザインを書き出す

書き出したい要素を選択する
まず、書き出したい要素を選択します。
書き出したい要素が複数ある場合は、Shiftキーを押しながらクリックすることで、複数の要素を選択することができます。
右サイドバーの「エクスポート」パネルを開き書き出し形式を選択する
右サイドバー下部に「エクスポート」パネルの＋ボタンを押してメニューを開きます。
次に「エクスポート」パネル上部のドロップダウンメニューから、書き出し形式を選択します。
書き出し形式によって、サイズ、品質などのオプションが設定できます。
「エクスポート」ボタンをクリックする
設定が完了したら、「エクスポート」ボタンをクリックします。
すると、選択した要素が、設定した形式で書き出されます。
ここではPNG選択しを書き出してみます。
レイヤーやフレームに付けていた名前で書き出されます。

以上、「書き出し」について説明でした。

Figmaの使い方

全 14 動画

Figma(フィグマ)とは
01:03
会員限定Figmaのインストールと初期設定
00:46
会員限定Figmaのホーム画面の見方
02:06
会員限定デザインファイルを作る
00:50
会員限定デザインファイルの構成を知る
01:49
会員限定各種ツールの使い方
04:57
会員限定シェイプの配置とスタイル
05:03
会員限定テキストの配置とスタイル
02:45
会員限定ページとフレーム
04:21
会員限定オートレイアウト
02:26
会員限定コンポーネント
02:09
会員限定書き出し
01:13
会員限定共有
01:04
会員限定プロトタイプ
03:58

次のコースへ

Webデザインの作り方