Amazonで商品を見るセール会場へ

Studio│非表示の要素を表示する方法

Studioのテンプレートを確認時、タブレットやモバイルに切り替えた時に、表示されなくなる要素はないでしょうか?

たとえばヘッダーのメニューがタブレットでも表示したいのに消えてしまうといったケースです。

そんな時の解決方法を書いておきます。

目次

Studioの非表示の要素を表示する方法

やり方は簡単です。

まず消えた要素のレイヤーを見てみましょう。

薄く表示され、目が閉じているアイコンが表示されているのがわかります。

その非表示の要素を選択しましょう。

左上の表示アイコンをクリック。

あとは表示したい状態にチェックをいれるだけです。

非表示のメニューが表示されました。

以上です。

テキストの背景色が変えられないときはこちらです。

Figmaのほかの操作は、まとめからご覧いただけます。

サービス

Service

デザイン制作に関心がありましたら、ぜひ詳細をご覧ください。

Figma の学習に使える本と、作業が捗る機材

Figma は無料で始められる分、体系立てて学ぶ機会が少ないツールです。UI設計の考え方ごと押さえられる本を選びました。

Figma と UI デザインを学べる本

\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ
\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ
\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ

作業が捗る機材

\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ
\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ

選び方をもっと詳しく

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次