LoginSignup
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

@minegishirei_v2(みねぎし れい（エンジニア心理学）)

FigmaでCSSを表示させる方法

Posted at

ページとは?

figmaにおけるページとは「画面」の事

左上のメニューからページを追加することが可能。

スクリーンショット 2023-12-01 093526.png

DevモードでCSSを表示させる

Figmaの左上には「Dev Mode」と呼ばれるモードボタンが存在する。

スクリーンショット 2023-12-01 093938.png

これを押下することで、 実際にCSSで実装するとどのようなコードになるのかが明記される。

image.png

Figmaはこの機能がデフォルトで表示されている

必ずしもこれを移植すればよいというわけではないが、エンジニアが実装する際の参考として使用できる。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?