マガジンのカバー画像

FigMAGAZINE

85
本
Figmaに関する記事をまとめています。
運営しているクリエイター
saitokensuke

Figmaからさまざまなカラートークンを生成して最高の色世界を保守する noteUIDev#1

この記事は、Figma 開発 Advent Calendar 2022 の17日目の記事です。 こんにちは 🐈 ぼくは CDO 室直下のデザインシステムプロジェクトで、コンポーネントライブラリ開発をしている UX エンジニアです。デザインと実装を繋いで、一貫性のある体験を提供することをテーマ取り組んでいます。これから少しづつ日々のチームでの開発 note を書いていきますので、お時間あればお付き合いください◎ _ _ これはデザイナーが把握している色世界を、実装側にい

\\ uto-usui…

オンラインイベントのクリエイティブ一式を Figma 中心で制作した話

どうも！Yangと申します。 東京は上野の湯島にある Feedforce という事業会社で、データフィード管理 SaaS のプロダクトデザイナーをやっています。 この記事は 「Figmaを使ったコラボレーションUPの方法（社内・チーム内等）by Figma Advent Calendar 2022」 の13日目の記事です🎁🎄🎁 今年の初めに、私が所属するサービスの5周年を記念したオンラインイベントを開催しました。そのオンラインイベントのクリエイティブ一式を、Figma中心

Yang

Figma で作る、アイコン

突然ですがアイコン作ってますか🤤 最近は Material Symbols やその他無料のアイコンセットも多いので、イチから作ることも少なくなったように思います。そのせいか、まとまった記事が観測できなかったのでまとめてみました。 本記事の作り方については必ずしも正解とは限りませんが、書いてある操作を大体覚えとけば一通りのアイコンが作れるようになる、的なものを目指します。 アイコンの品質の上げ方に関してはこういう note もあるみたいですね。 またこの記事を通じて、「〇〇

HikaruTayama

Figmaファイルのサムネイル表示をハックする

この記事は、Figmaを使ったコラボレーションUPの方法（社内・チーム内等）by Figma Advent Calendar 2022の12/6の記事です。 FigmaファイルのThumbnail表示はどうつくるのがいい？Figmaファイルのサムネイルというのは、ダッシュボードやプロジェクトに並べられるFigmaの各ファイルのサムネイル表示のことです。 このサムネイルの表示はひと目みて「何のファイルか」を識別するのに重要なのですが、この表示部分を上手く利用する例がいくつか

Hiroki Tani