マガジンのカバー画像

Figma のまとめ

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

2019年4月の記事一覧

PWA開発にデザインツールFigmaを導入してみた感想:エンジニア編

PWA開発にデザインツールFigmaを導入してみた感想:エンジニア編

こんにちは、株式会社ミクシィでエンジニアをしているumesanです。

最近、「みんなでピック」というPWAの開発に携わりました。
このサービスを立ち上げるにあたり、Figmaを導入して幸せになれた話をエンジニア視点からしようと思います。

🔗「デザイナー編」はこちらから

「みんなでピック」とは
スマートフォンアプリ「モンスターストライク スタジアム」で遊ぶ際に使えるキャラクター選択サービスで

もっとみる
Figmaでbootstrapを作ったので無料配布します。

Figmaでbootstrapを作ったので無料配布します。

仕事でbootstrapを使う機会があったので、これを機にfigmaでbootstrapデザインテンプレートを構築しました。Figmaとbootstrapの相性と生産性はめちゃくちゃ良いと感じてます。

エンジニアさん御用達!みんな大好きbootstrapは優れたコンポーネントを提供しており、その優れたbootstrapコンポーネントを共有&共同作業に特化したFigmaで事前にコンポーネント化し

もっとみる
Figmaの使い方を紹介|ショートカットキーリスト無料配布中

Figmaの使い方を紹介|ショートカットキーリスト無料配布中

スマートキャンプでは、Figma(フィグマ)というビジュアルコラボレーションツールを使用しています。

Figmaは素早く作れて、すぐにコラボレーションできるツールです。
その恩恵をさらに受けるために、効率化のためのショートカットキーリストを作りました!🎉

このショートカットキーリストを見ることでFigmaの使い方を学ぶことができるので、ぜひ使い始めの方も見てください。

自分用に作ったものだ

もっとみる
PWA開発にデザインツールFigmaを導入してみた感想:デザイナー編

PWA開発にデザインツールFigmaを導入してみた感想:デザイナー編

こんにちは、株式会社ミクシィでデザイナーをしているmamichaです。

umesanの記事「PWA開発にデザインツールFigmaを導入してみた感想:エンジニア編」に続き、「みんなでピック」というPWA開発において、Figmaを導入した感想を、デザイナー視点からも投稿いたします。

「みんなでピック」とは
スマートフォンアプリ「モンスターストライク スタジアム」で遊ぶ際に使えるキャラクター選択サー

もっとみる
【Figma】 Prototype Action

【Figma】 Prototype Action

Figmaを使ってスマホUI / web UIを絶賛勉強中です〜☺︎

Figmaがとっても便利なツールなのはわかってきたのですが、
インターフェースが英語なのが、私にとっては最初の壁…。
プロトタイプのアニメパターンについてはなかなかまとまった記事がなかったので、動きを日本語にまとめてみました。

(準備) Design → Prototype に切替

Prototypeに切替ると、
ボタンや

もっとみる