マガジンのカバー画像

Figma のまとめ

292
デザインツール Figma の使い方、良い紹介などをまとめたマガジンです。
運営しているクリエイター

2021年4月の記事一覧

Figmaを使った謎解き風練習ファイル!Figma World 第1章 旅に出よう

Figmaを使った謎解き風練習ファイル!Figma World 第1章 旅に出よう

久々投稿のタクトです!

今回の記事では
Figmaの練習ファイルについてご紹介しようと思います。

webデザインをするにあたって、いまは色んなツールが出てますね!
自分がいま勤めている会社でもPhotosohpやXdなどでやってきてましたが、
Figmaに徐々に移行することになり、新たに勉強しはじめました。

そんな折、Figmaは英語のUIだったりして
始めるまでのハードルが若干高いといった

もっとみる
FigJamでネタ出し会議をしたらコラボレーションの新世界が広がっていた

FigJamでネタ出し会議をしたらコラボレーションの新世界が広がっていた

スタートアップテクノロジー・デザイン部の齋藤です。

2021年4月21〜22日に開催されたFigma主催のカンファレンスで突如、新サービスや新機能などの発表がありました🎉

一部Coming soonですが、以下が発表された6つの概要です…!!!

・FigJam:チームのアイデアやブレインストーミングのための新しいホワイトボードスペース
・Branching:デザインシステムに貢献できるよう

もっとみる
FigmaのLayout grid(レイアウトグリッド)を活用する

FigmaのLayout grid(レイアウトグリッド)を活用する

渋谷でデザイナーをしています。福田です。
FigmaのLayout gridを利用してデザインを作成するのが、便利だったので備忘録として記録します。

Responsive layout grid とは
レスポンシブレイアウトグリッドでデザインを作成すると、画面のサイズや向きに左右されることなく、レイアウトを組むことができます。また、レイアウトグリッドのルールを決めてしまえば、そのルールに従ってレ

もっとみる

Figma to React Component で今後やりたいこと

先日 Figma から React コンポーネントのコードを生成するプラグインを公開しました。

ただ、現状ベーシックな JSX と CSS を吐き出すだけなので、物足りない部分もいくつかあります。理想としては「生成されたものをコピって貼り付けたら完璧に動いた」という体験です。

無理な部分もあるとは思いますが、上記を目指すために今後どういうものを追加して行こうかなーというのを五月雨に書いて行こう

もっとみる
社内でFigma勉強会を5ヶ月間やってみた話

社内でFigma勉強会を5ヶ月間やってみた話

マネーフォワード XでUIデザイナーをやっています楊です。去年の11月から社内向けのFigma勉強会を週1ペースで開催して、今年の4月まで5ヶ月間やってみました。

この記事はFigma勉強会をやっていてどうなったのか記録しておきたいと思います。社内でFigmaを浸透させたい、導入してみたい方が参考になるかもしれません。

勉強会を始めた経緯
全ての始まりは、上司のこの言葉でした。

背景としては

もっとみる
非デザイナー向けFigma勉強会プログラムをCommunityに公開しました!

非デザイナー向けFigma勉強会プログラムをCommunityに公開しました!

こんにちは。ハイジ・インターフェイス株式会社デザイナーの本多と申します。早速ですが、今朝Figma勉強会用のプログラムをFigma Communityで公開しました!

Figma勉強会用プログラム(日本語)

今回の記事では、このプログラムの概要と、実際にこのプログラムを使ってワークショップをする際の進め方などをさくっと紹介したいと思います。

​4/22 追記
昨晩(今晩)の大幅アップデートで

もっとみる
【最新】FigJamとは|使い方、ショートカットキー、料金を徹底紹介【Figma製オンラインホワイトボード】

【最新】FigJamとは|使い方、ショートカットキー、料金を徹底紹介【Figma製オンラインホワイトボード】

4/22の午前1時ごろ(日本時間)にFigmaのカンファレンス「config2021」が開催されました!

その中で発表されたFigmaの新しい機能としてオンラインホワイトボードサービスの「FigJam」について今回は紹介します。

---

\ 記事を移動しました! /

Figmaのテキストまわりで知ってて当たり前そうなんだけど知らなかったこと

Figmaのテキストまわりで知ってて当たり前そうなんだけど知らなかったこと

テキストボックスのサイズを変更するとボックスサイズが固定された場合の対処当たり前なんですが、テキストボックスのサイズを変更すると、変更後のサイズで固定されます。その為テキストの量を変更すると、
テキストが、ボックスからはみ出てしまう場合があります。

テキストボックスのサイズを固定からAutoにするには、以下の設定に変更します。

テキストの上下にスペースができた場合の対処和文の場合?テキストの上

もっとみる