マガジンのカバー画像

Figmaの記事まとめ

7
Figmaの記事まとめ、UIツール、プロトタイピング、プラグイン、その他TIPSなど
運営しているクリエイター

記事一覧

Figmaで大きな画像を張り付けると画質が悪くなる(4096pxの限界)のを超える方法

Figmaで大きな画像を張り付けると画質が悪くなる(4096pxの限界)のを超える方法

Figmaで4096pxを超える画像を張り付けるときに限界突破するプラグイン紹介します。

Figmaを利用してると誰もがぶつかる問題、4000pxの縦長の画像、おもにブラウザのキャプチャーを張り付けて修正指示書やワイヤーを作成する際に、「あれ?画質汚くない?」ってなったことありますよね。

これはFigmaの仕様上、縦幅や横幅の画像サイズの最大値が4096pxとなっていてそれ以上はそれを上限に圧

もっとみる
Figmaのプロトタイプ利用時のホットスポットを解除する方法

Figmaのプロトタイプ利用時のホットスポットを解除する方法

Figmaを使ってユーザーテストなどでプロトタイプを利用するときに、押せるボタンが青くハイライト(これをホットスポットと呼ぶ)でヒントになってしまう場合があります。今回はそれを解除する方法をメモ

結論を先にお伝えすると、上記画像のチェックを外すとホットスポットが表示されなくなります。

手順1)「Enable Interactive components」をチェック

プロトタイプのタブにある「

もっとみる
Figmaを学ぶ会Vol.2プロジェクトメンバー全員が幸せになるFigmaプロジェクト管理術

Figmaを学ぶ会Vol.2プロジェクトメンバー全員が幸せになるFigmaプロジェクト管理術

Figmaを学びたいという社内の要望によりFigmaの有識者により仕事終わりに勉強会を開こう!と呼びかけに集まった勉強会として作ったスライドを今回こちらに一部共有することになりました。
登壇頂いた川口さん、司会をしていただいた鹿島さんありがとうございます。今回この記事はわたし栗田が担当いたしました。

内容に不備や間違い、その後のバージョンアップにより実際の仕様や画面と異なる場合がありますがご了承

もっとみる
Figmaの削除したファイルの復元方法とページの復元方法まとめ

Figmaの削除したファイルの復元方法とページの復元方法まとめ

Figmaを使っていて間違ってページやファイルを削除してしまったことはないだろうか!?私はあります。なうです。

そんな時に超!役に立つ機能を紹介します。

ページを削除してしまった場合

まず一つは、新たにページを作ろうとしたとき、新規「+」から作成しても良いけど、アセットとか使い慣れた状態をそのまま使いたいときに既存のページを複製してから使いたいですよね。そんなとき間違ったことは無いですか?

もっとみる
Figmaの共有リンクにページ名に2バイト文字が入ると扱いにくい、リンクが長すぎる問題

Figmaの共有リンクにページ名に2バイト文字が入ると扱いにくい、リンクが長すぎる問題

Figmaでワイヤーやデザインを作って、誰かにシェアしたい。見てほしい時に共有リンクを発行することが多々あるのですが、ページ名に2バイト文字、いわゆる日本語が入っていると、メールソフトや課題管理ツールにリンクを張ってもリンクとみなされなくてリンク切れみたいになってしまうことがあるのを少しだけ解決してる。

1)Shareボタンから「Copy link」最もポピュラーなやり方は画面右上の「Share

もっとみる
FigmaのBranching機能(Beta)を使ってデザインのブランチ運用をしてみる

FigmaのBranching機能(Beta)を使ってデザインのブランチ運用をしてみる

UIデザインツールとしてAdobe XDとともに定番になっているFigmaにいつの間にかブランチ機能ができたようなので使ってみる。

Branching Beta
Questions and Feedback related to the Branching and Merging beta

公式によると、まだβ版らしく、2021年4月に追加された機能のようだ。また、このBranching機能は

もっとみる
Figmaのアカウント作成の手順と無料プランでできる事まとめ

Figmaのアカウント作成の手順と無料プランでできる事まとめ

WebのデザインやUI制作、プロトタイピングにこのところ需要が高まっているFigmaをまだ使ったことがない人のためにアカウント作成の手順を残しておきます。

Webデザインのツール1)Sketch
この中では一番古く、今でのアプリ開発として使われていて根強い
2)Adobe XD
Adobe のPhotoshopに変わるUIプロトタイピング専用ツールとして人気
3)Figma
今回ご紹介するブラウ

もっとみる