マガジンのカバー画像

Figma のまとめ

320
デザインツール Figma の使い方、勉強になる記事などを独断と偏見でまとめたマガジンです。 (人力なので漏れてたらすみません🙏)
運営しているクリエイター

#sketch

Figmaというデザインツールがすごい

Figmaというデザインツールがすごい

とあるQiitaの記事で知った、新しいデザインツール「Figma」。正直、デファクトスタンダードなツール以外だと、ファイル形式の問題で扱いづらくなるので、あまり独自仕様のデザインツールが量産されることは嬉しくないのだが、そう…例えば、そのツールで作られたデータを誰でも閲覧できる、ということであればどうだろう。ウェブからアカウントさえ取れば(機能に限りがあるとはいえ)基本的な作業ができる、レイヤー確

もっとみる
Sketch ファイルを Figma にインポートしてみた

Sketch ファイルを Figma にインポートしてみた

古すぎる記事なので、よりオススメの記事を貼っておきます。

----- 以下読まなくて大丈夫です -----

Figmaの主な弱点をあげるなら、プラグインやUI kitが少ない点でしょう。
いくら同時編集機能がすごいとはいえ、実際Figmaを使おうと思ったら
「iOSの標準パーツ使いたいだけなのにイチイチ書きたくない」とか
「仮にSketchから移行したら、昔のファイル使いたい時トレースするの?

もっとみる
figmaの可能性を探ってみたら便利だった

figmaの可能性を探ってみたら便利だった

最近、にわかにFigmaユーザーが増えて行っている気配を感じたので、触ってみることにしました!

1、Figmaに関するツイート直接の興味をもったのは crowdport 日比谷すみれさんのこのツイート

最近メルカリの鈴木さんがこんなこともつぶやかれていて

5/11日のこちらのイベントに登壇される三橋さんもよくfigmaのことをつぶやかれています。私も参加してきます。

そんなわけで、Figm

もっとみる

導入のためのPrototype tools比較(InVision/Figma/Adobe XD)

諸般の都合で一回現時点の比較検討をした方が良さそうだったので、ざっと調べてみました。気が向いたら随時アップデート予定。

いやいやこっちのが絶対いいから!!的なご意見あればお待ちしております。助かります。

## InVisionhttps://www.invisionapp.com/
価格表: https://www.invisionapp.com/plans
フォーラム: https://su

もっとみる
Figma3.0リリースでFigmaがDOPEなデザインツールになった|SketchでもAdobe XDでもない選択肢

Figma3.0リリースでFigmaがDOPEなデザインツールになった|SketchでもAdobe XDでもない選択肢

みなさんはFigmaというデザインツールをご存知でしょうか。

正直な所、Adobe XDやSketchなどと比べると知名度も低いし、それらのツールと比べても機能は充実しているのですが使い所が微妙。
(ちなみに、Figmaの公式サイトにもXD、Sketch、Invision Studio、Framerと比較したページはあるのですが全部同じ内容で肩透かしをくらいます。)

という具合に個人的に推して

もっとみる
開発スピードを上げるため、Sketchを辞めてFigmaに移行した話

開発スピードを上げるため、Sketchを辞めてFigmaに移行した話

はじめまして、ふじけん(@kenshir0f)と申します。
普段はモバイルアプリを主としたサービス開発のデザイナーを担当しております。

業務ではSketchを使ってアプリのUIを組んでいるのですが、
先日チームの開発体制を見直すときにFigmaというデザインツールに移行しました。
Figmaに乗り換えるに至った経緯やプロコンなど、ざっくりまとめてみます。

なぜsketchから乗り換えた

もっとみる
Sketch + Zeplin から Figma に移行したら快適だった!!

Sketch + Zeplin から Figma に移行したら快適だった!!

デザインツールをSketch + ZeplinからFigmaに移行しました。
Figmaへの移行を迷われている方も多いのではないかと思い、「なぜ移行したのか、移行する際にどのような負担が発生したか、移行して何が良かったか」などをシェアしたいと思います。

移行したキッカケ移行したキッカケは、とあるエンジニアに「Figma絶対にイイですよ!導入しましょう!!」と力強い意志をもってゴリ推しされましたw

もっとみる
Sketch から Figma への移行Tips

Sketch から Figma への移行Tips

こんにちは。@toi_toi_y です。最近 Sketch から Figma に移行したのですが、これから移行する人も多そうなので、移行した時に学んだTipsをここにメモっておきますね。

※ Mac版デスクトップアプリをベースにした説明です。適宜読み替えてくれると嬉しいです。

目次
- Sketch からインポートしたデータはどうなる?
- Symbol はどうなる?
- Override の

もっとみる
クライアントワークにおけるデザインツール導入と主観的おすすめツール 〜2018 冬〜

クライアントワークにおけるデザインツール導入と主観的おすすめツール 〜2018 冬〜

Qiita掲載記事をnoteにもアップしてみるテストです

寒くなってきましたね。(執筆は11月末)
極暖ヒートテックも3年目になるとかなり限界だなと感じる2018年の冬です。

つい先程、丸佳浩外野手が巨人入りを表明しました。(執筆は11月末)
フリーエージェントは立派な権利です。一番評価してくれた球団に移籍するのはある意味当然の選択だと思います。新天地でも頑張ってほしいものです。僕は東京ヤクル

もっとみる
理想のデザインツールとは? -PhotoshopからFigmaへ

理想のデザインツールとは? -PhotoshopからFigmaへ

この記事は Design Tools Advent Calendar 2018 15日目の記事です。

こんにちは。@toi_toi_y です。サイボウズ株式会社で自社プロダクトであるkintoneのデザイナーをやっています。

ところで、最近SketchからFigmaにデザインツールを移行しました。コラボレーション機能最高ですね。
Figmaについてはこちらのまとめが参考になると思います。

もっとみる
開発初期のチームでFigmaをおすすめする理由

開発初期のチームでFigmaをおすすめする理由

こんにちは、ZERO TO ONEの石井です。

今回は、現在のnori-na開発チームで使っているデザインツールに関するお話。

開発チームというよりは、私が好んで個人的に利用しているツールになりますが。

新サービス立ち上げやプロダクト開発初期チームのPMで、まだパワポでワイヤーフレーム作成している方には参考になるかと思います。

プロジェクトチームの背景・開発体制おすすめ理由説明の前に、まず

もっとみる
Figmaで困ったこととその解決策

Figmaで困ったこととその解決策

最近のFigmaブームに乗じて、業務でもFigmaを使いはじめました。

「figma [困ってる事象]」でGoogle検索しても、まだ日本語での情報が少なく、答えにたどり着きづらい状況だなぁと思い、Figmaを使う上で困ったことや気になったことをまとめてみました👐

自分用のまとめですが、誰かが困ったときにこの記事にたどり着いて役に立つことがあれば幸いです。

※ 無料プランでやりくりしている

もっとみる
Figmaでデザインしよう!

Figmaでデザインしよう!

こんにちは、Local Product Designチームのソン・ジフンです。
最近UIデザイナーはFigmaというツールを使用するようになりました。私たちLocal Product Designチームでも昨年からFigmaを業務にて本格的に使用しはじめました。そこでFigmaを約1年間使用して思ったことや情報を共有したいと思います。

Figmaの始まり🧐
私が初めてFigmaを使用したのは4

もっとみる