Figma(フィグマ)インストール~はじめての画像作成

ブラウザ上で簡単にデザインができる無料ツール「Figma」を使用してみる、インストール不要で。アカウント作成からチュートリアルトリアル的な画像の生成、保存、エクスポートまで。

アカウント作成

Googleアカウントでログインした。

リンク遷移する画像

テストページを作成し、リンクをクリックするとクリックしたページへ遷移するというプロトタイプを作成した。<a>タグでリンクしなくてもクリックに反応する。

※Webサイト上ではページ遷移しない。

モバイルワイヤーフレーム

参考
  • 【初心者向け】Figmaの使い方を解説!WebデザインツールFigmaについて詳しく。
    https://nocodedb.world/archives/5580
  • Figmaの基本操作 その5 保存と書き出し
    https://note.com/wakaaaa/n/n91ecbf9886c2
  • Figmaを使ってみようーワイヤフレーム作成ー
    https://soft-no-sosa.com/2022/01/27/figma1/