45
27

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 5 years have passed since last update.

Figmaで日本語を使う

Last updated at Posted at 2018-05-25

日本語が消える

Figmaの標準フォントで日本語を入力すると消えてしまいます。
ネットでググってもWeb版で日本語を使うという記事は観測時点では検索上位に出てきません。
日本語には対応してないのか、、、と思っていて、Figmaを使っていたら要望のポップアップが出てきたので、聞いてみることにしました。

「Japanese plz!」

するとしばらく立ってかFigmaからメールで返信が来ていました。

Hey sakapun,

In case you didn't know, we do support some Japanese Fonts, such as Noto Sans JP. You can also enable local fonts to use your own!

どうやら日本語が使えるフォントがいくつかあるようです。探せたのは下記です・

  • Noto Sans JP
  • Noto Serif JP
  • Nico moji
  • Nikukyu

Note Sans JP、Note Serif JP以外は装飾フォントなので、FigmaをWebで使っていくにはNoto * JPであれば日本語が使えます。

2018/08/24追記 対応フォントが増えた

喜ばしいことにフォントが増えました。下記のフォントで使えるようです
https://fonts.google.com/?subset=japanese&sort=date

Figmaをデスクトップアプリで使うとローカルフォント使える

試していないのですが、メールの中にリンクが載っていました
http://help.figma.com/text/using-local-fonts

この記事を書いている中、ネットでぐぐるとたしかにこちらはやっている人がいるみたいでした。

番外ポエム)Adobe XDと使い比べてFigmaの良さ

最近Adobe XDの無料版が復活し、再度使ってみました。

SVGのエクスポートが楽

私はSVGが好きです。
特にVueを知り、SVGをコントロールできるようになってから、ReactとVueではアイコンをSVGコンポーネントにして使うようになりました。
Adobe XDではファイルとしてSVGを吐き出すことができますが、それだとエディタに貼り付けるのが面倒です。
Figmaであれば右クリック→Copy as→Copy as SVGでコードとしてコピーできます。
agri-note_logo_–_Figma.png

さいごに

あまり良い点を書き出せませんでしたが、なんだかFigmaの方がすごくお気に入りです。
UIが英語で普及させるにはハードルが高いFigmaですが、個人用途ではこれからも使っていこうと思います。

45
27
2

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
45
27

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?