デザイン

Figmaプラグインの開発入門

こんにちは!UI/UXデザイナーのYOROです! やっとFigmaの新しいUI、UI3に切り替わりテンション上がっています 最近、弊社では他部門でもFigmaから画像の出力をする機会が増え、「もっと簡単に出力できないか」という声をよく耳にしました。 特に出力を指定を…

iOS とAndroid UIの違い5選

みなさんこんにちは。 UIUXデザイナーのa.nです。 今日はモバイルデザインをする上で大切なiOS とAndroid UIの違いについて5 個ご紹介します。 今回取り上げるOSの違いはMaterial Design, Human Interface Guidelinesで定義されているものを参照しています。…

【Figma】移動距離の単位を設定できる!ナッジ機能

こんにちは!UI/UXデザイナーのYOROです! そういえばFigmaって移動距離の設定はないのかなと思い、設定探ったら見つかったという今更ながらの発見を共有させてください! ナッジって何? どうして設定を変えるの? 設定方法 さいごに ナッジって何? オブジ…

作業効率が上がる! 2024年版 Figma Prototype改善 5選

みなさんこんにちは。 UIUXデザイナーのa.nです。 今日は2024/02/28にfigmaが発表したプロトタイプ改善の中から特に便利だなと思った5つを紹介します。 日本語で紹介されているものがほとんどなかったため、公式を読むのが大変だなと思っている方の参考にな…

UIカタログに関して

はじめに フロントエンドエンジニアのrarayaです。今回は、弊社でのUIカタログ(Histoire)導入の経緯と、その有効活用方法について話したいと思います。しかし、正直に言うと現在は期待通りに活用できているわけではありません。この機会に、UIカタログの活…

うちのスクラムチームとデザイナーの関わり方

どうも @shutooike です。スクラムチームでPOをしています。 今回はスクラムのコミュニティの飲み会でも結構盛り上がるスクラムチームとデザイナーの関わり方について、うちのチームのやり方をつらつら書いてみます。 チーム体制の変遷 1. スクラムチームと…

便利すぎ!Figmaの小ワザ10選

こんにちは!UI/UXデザイナーのYOROです! 突然ですが、みなさんご存じでしょうか! 実はFigmaは「何これ!」機能がたくさん存在していることを・・。 その中でも私が発見した便利な小ワザのうち、10つ厳選したものを紹介したいと思います! レイヤーを一気…

Material Design, Human Interface Guidelinesの概要に触れてみよう!

みなさんこんにちは。 UIUXデザイナーのa.nです。 今年ももうすぐ終わりますね。みなさん、いかがお過ごしでしょうか? 本年は私がデザインを担当した弊社のモバイル版がリリースされました。 その際に参考にしたデザインシステム、Material DesignとHuman I…

Figmaで遊ぼう!スタイル編

こんにちは!UI/UXデザイナーのYOROです! 前回はきほん・準備編②よりFigma(フィグマ)の右サイドバーのデザインタブについてできることを紹介しました。 今回はその中で紹介した「スタイル」について登録と使用方法を紹介していきたいと思います。 スタイ…

Figma Dev Modeでデザイナー・エンジニアコラボレーション

みなさんこんにちは、 UIUXデザイナーのa.nです。 よろしくお願いします✨ 今回は、、 2023年6月22日に開催された「figma Config 2023」で発表された新機能 「Dev Mode」を使って、デザイナー・エンジニア間のコラボレーションをより円滑にできるようになりま…

Figma Variablesでダミーデータ管理

みなさんこんにちは、 UIUXデザイナーのa.nです。 よろしくお願いします✨ 今回は、、 2023年6月22日に開催された「figma Config 2023」で発表された新機能 バリアブルを使ってfigmaでダミーデータのペルソナ管理をしてみたので、ご紹介したいと思います! 弊…

非デザイナーでも使える!Figmaで資料を作ってみた

top画像 みなさんこんにちは、はじめまして。 1月に入社した、UI/UXデザイナーのa.nです。 これからデザインにまつわることを投稿していこうと思います! よろしくお願いします✨ 第一回目の本日は、、Figma で資料を作る方法について ご紹介したいと思います…

Figmaで遊ぼう!きほん・準備編②

こんにちは!UI/UXデザイナーのYOROです! 前回はきほん・準備編①よりFigma(フィグマ)のファイル、画面の見方についてざっくり紹介しました。 その中で紹介した右サイドバーの"デザインタブ"はデザインする際もっとも利用する重要な箇所になります。 なの…

Figmaで遊ぼう!きほん・準備編①

こんにちは!UI/UXデザイナーのYOROです。 本日は12月23日、そう....年末ジャンボの最終発売日ですよ!!(??) ということで早速本題いきます〜! 前回はきほん・導入編よりFigma(フィグマ)についての紹介や、アカウント作成を行いました。 今回はFigma…

Figmaで遊ぼう!きほん・導入編

初めまして!10月から入社しましたUI/UXデザイナーのYOROと申します!! ぬるっと更新していきたいと思いますので、どうぞ宜しくお願いします✨ 突然ですがFigma(フィグマ)というデザインツールをご存知でしょうか? 昨年世界中のデザイン関係者が回答したU…

情報過多になったページを整理してみた

こんにちは! 夏野菜の成長が著しい季節、草むしりの無限ループに陥っているHarashoです! 今回はこれまでデザインについて深く考えてこなかった私(バックエンドエンジニア)が、ページ構成やデザインについて考えるきっかけになったシステム改修について記…

完全未経験からWebデザイナーになるにはどのくらいの期間と努力が必要なのか

株式会社インゲージの現役デザイナー水谷が調査したオンラインスクールの受講内容をもとに、実際にそれでデザイナーとして活躍できるのか、どのくらいの時間がかかるのかについて考察

【ノンデザイナー向け】レイアウト・構図を美しくする3つのコツ

こんにちは!株式会社インゲージの水谷です。 みなさま資料を作ったり写真を撮ったりする際に、構図やレイアウトに困ったもしくはうまくできないと思った経験はございませんか? 実は少しのコツで、誰でも綺麗なレイアウトを実現することができるのです! 今回…

【ノンデザイナー向け】カッコイイデザインの資料を作る3つのコツ

こんにちわ!株式会社インゲージに2021年12月からデザイナーとして参画した水谷です。 私の方では主にデザインについて、様々な方に向けたTipsとなるような記事を書いていこうと考えております。 さて、今回のテーマはカッコイイ資料を作るコツとなります。 …