27
Help us understand the problem. What are the problem?

More than 3 years have passed since last update.

posted at

updated at

Organization

Figmaで日本語を使う

日本語が消える

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ですが、個人用途ではこれからも使っていこうと思います。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
27
Help us understand the problem. What are the problem?