より良いエンジニアを目指して

1日1つ。良くなる!上手くなる!

デザインツール「Figma」に触れてみる

デザインツールの「Figma」を操作してみることにしました。

ダウンロード

Webブラウザ上でも操作できますが、デスクトップアプリケーションをダウンロードすることに。

Resources - Downloads でデスクトップアプリケーションをダウンロードします。

f:id:rimever:20200307165141p:plain
意外とこれが探すのに苦労しました。

Figma Basic

アカウントを作成するとデフォルトでチュートリアルのファイルが用意されています。

f:id:rimever:20200307170029p:plain

f:id:rimever:20200308193553p:plain
練習用のページが用意されている

f:id:rimever:20200308194614p:plain
Create ComponentでAssetに追加 - Assetから登録する

Prototyping in Figma

Figmaを使ったデザインのプロトタイプを触ることもできます。

f:id:rimever:20200308200351p:plain

感想

同種のツールだとAdobe XDがあります。

rimever.hatenablog.com

比べるとチュートリアルが英語なので、やや苦労しました。

とはいえ、個人開発であれば、フリープランで結構使そうです。

2プロジェクトまでですが、プロジェクト内にファイルは幾つでも作れますし、フリープラン=お試し版というレベルではなさそうです。