マガジンのカバー画像

UI/UX design

16
本
crage社内で共有されているFigmaの情報やcrageUI/UXdesign領域に関するnoteをまとめています。
運営しているクリエイター
crage株式会社（くらげ）

#UIデザイン

XDとの違いと基本構造編 - Figmaを使えるようになろう！ vol.1

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage（くらげ）株式会社のデザインチーム、Figmaをバリバリ使ってきたガッキー🙋‍♀️と、XDからFigmaに乗り換えたナンシー🙋🏻‍♀️ です。 crageでは今までメインツールとしてXDを利用してきました。しかし、crageのディレクターチームでも「Adobe XDの消失」が話題になっていましたが、今後デザインツールは、XDではなくFigmaが一般的になっ

crage株式会社（く…

XDユーザーのお困りごと6選 - Figmaを使えるようになろう！ vol.2

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage（くらげ）株式会社のデザインチーム、Figmaをバリバリ使ってきたガッキー🙋‍♀️と、XDからFigmaに乗り換えたナンシー🙋🏻‍♀️ です。 crageでは今までメインツールとしてXDを利用してきました。今は徐々にFigmaに移行中です。 そんなcrageでは、Figmaの勉強会を実施しています。 今回は、その勉強会の中から、「XDのあの機能はどこにい

crage株式会社（く…

超便利なオートレイアウト 基本編 - Figmaを使えるようになろう！ vol.3

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage（くらげ）株式会社のデザインチーム、Figmaをバリバリ使ってきたガッキー🙋‍♀️と、XDからFigmaへ乗り換え真っ只中のドリー🙋🏻‍♀️ です。 crageでは今までメインツールとしてXDを利用してきました。今は徐々にFigmaに移行中です。 そんなcrageでは、Figmaの勉強会を実施しています。 今回は、その勉強会の中から、「勝手にマージンやパディ

crage株式会社（く…

404エラー（Not Found）ページ - UIデザインチェックリスト

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage（くらげ）株式会社のデザインチーム、にゃん吉です😽 crage社内には、デザインを作りながら確認するためのUIデザインチェックリストが存在します。 各案件によって柔軟に対応するため、このリストを絶対的に正しいものとはせず、あくまで指針として用意しています。 今回は、「404エラー（Not Found）ページ」のチェックリストをご紹介します。 ※2023年7月

crage株式会社（く…

検索窓・フォームをデザインする時の13ポイント

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage（くらげ）株式会社のデザインチームのナンシーです。 crage社内には、デザインを作りながら確認するためのUIチェックリストが存在します。 各案件によって柔軟に対応するため、いつでもこのリストを正しいとはせず、あくまで指針として用意しています。 今回は、「検索窓・フォーム」のチェックリストから１３ポイントに絞ってご紹介します。 ※2023年5月29日更新 な

crage株式会社（く…

ボタン - UIデザインチェックリスト

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage（くらげ）株式会社のデザインチームのナンシーです。 crage社内には、デザインを作りながら確認するためのUIデザインチェックリストが存在します。 各案件によって柔軟に対応するため、いつでもこのリストを正しいとはせず、あくまで指針として用意しています。 今回は、「ボタン」のチェックリストをご紹介します。 ※2023年1月18日更新 アイコン編はこちら テ

crage株式会社（く…

テキストフィールド - UIデザインチェックリスト

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage（くらげ）株式会社のデザインチームのナンシーです。 crage社内には、デザインを作りながら確認するためのUIデザインチェックリストが存在します。 各案件によって柔軟に対応するため、いつでもこのリストを正しいとはせず、あくまで指針として用意しています。 今回は、「テキストフィールド」のチェックリストをご紹介します。 ※2023年2月17日更新 なお、会員登

crage株式会社（く…

ログインページ - UIデザインチェックリスト

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage（くらげ）株式会社のデザインチームのナンシーです。 crage社内には、デザインを作りながら確認するためのUIチェックリストが存在します。 各案件によって柔軟に対応するため、いつでもこのリストを正しいとはせず、あくまで指針として用意しています。 今回は、「ログインページ」のチェックリストをご紹介します。 ※2023年3月13日更新 ▼テキストフィールドのU

crage株式会社（く…

会員登録ページ - UIデザインチェックリスト

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage（くらげ）株式会社のデザインチーム、ナンシー🙋🏻‍♀️です。 crage社内には、デザインを作りながら確認するためのUIチェックリストが存在します。 各案件によって柔軟に対応するため、いつでもこのリストを正しいとはせず、あくまで指針として用意しています。 今回は、「会員登録ページ」のチェックリストをご紹介します。 ※2023年4月13日更新 ▼テキストフィ

crage株式会社（く…

アイコン - UIデザインチェックリスト

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage（くらげ）株式会社のデザインチームのナンシーです。 crage社内には、デザインを作りながら確認するためのUIデザインチェックリストが存在します。 各案件によって柔軟に対応するため、いつでもこのリストを正しいとはせず、あくまで指針として用意しています。 今回は、「ボタン」のチェックリストをご紹介します。 ※2023年1月26日更新 ボタン編はこちら テキ

crage株式会社（く…