マガジンのカバー画像

Figmaのナレッジまとめ

9
Web制作するうえで必須アイテムとなっているUI・プロトタイピングツールのFigmaのナレッジをまとめているマガジンです。
運営しているクリエイター

記事一覧

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

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

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

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

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

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

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

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

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

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

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

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

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

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

もっとみる
Figma FAQ 、 よくある質問  #01

Figma FAQ 、 よくある質問  #01

どうもです、Figma が気になるみなさん。

Figma コミュニティで色々質問 & 回答いただきました。
なんと約 60 種類!知らなかった解決策とか発見できて楽しいですね。
Slack だと流れていってしまうので、よくある質問や便利と思った解決策をまとめていこうと思います。

今回のテーマは始めたてに引っかかる『意外と知らないこと 10 選』です。

Q1. オブジェクトとオブジェクトの隙間

もっとみる

Figmaの権限と課金の仕組みで注意することおよび対策

Figmaはオンラインで共同編集ができるデザインツールです。無料から気軽に利用することができ、Web上で利用できるため便利な一方で課金や権限の仕組みを正しく理解しないと意図しない過払いやインシデントが発生してしまいます。

この記事では課金と権限の仕様について述べ、気をつけるべきポイントについて記します。

前程
Professional Planでの調査結果です。
Organization Pl

もっとみる
Figma Design System(デザインシステム)参考テンプレートURL集

Figma Design System(デザインシステム)参考テンプレートURL集

今回はFigmaの公開ファイルの中からDesign System(デザインシステム)が綺麗にまとまっているものを紹介します。

Design System(デザインシステム)とは?UIデザインを制作する前に、このサイト・サービスで使うカラースタイルやフォントサイズ、コンポーネント(ボタンやフォームなどよく使うものをライブラリ化したもの)をまとめて、担当デザイナー以外の人でもパッと見てすぐにデザイン

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

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

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

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

もっとみる
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機能は

もっとみる