マガジンのカバー画像

design system

8
本
運営しているクリエイター
Kyoko Minaga
Yoko Nishida

Yoko Nishida

CI&UIリニューアルしながらデザインシステムを作った話

CI&UIリニューアルしながらデザインシステムを作った話

「コデアル」という求人サービスのデザインシステムを作ってみました。CIリニューアルに伴う全スタイル＆コンポーネントの刷新、エンジニア＆デザイナー間の協業、そして約3ヶ月運用してみた感想をつづってみます。

実際に使っているドキュメント、Sketchファイルはこちら↓

・Codeal Design Guideline
・Codeal UI Kit.sketch
・Sketch Tips for C

もっとみる
ogaki

ogaki

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

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

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

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

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

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

もっとみる
Nao Komura

Nao Komura

FigmaではじめるUI（Web）デザイン｜Part1

FigmaではじめるUI（Web）デザイン｜Part1

Figma 3.0が発表されてから半年ほど経ち、実際にプロジェクトでFigmaを使用した際の知見や、tips的なものまで日本でも散見されるようになってきました。

そんな感じで良い具合に枯れ始めているデザインツールではあるのですが、まだまだ日本での記事は、経験者向けに「Figmaに乗り換えるメリット」とか「他のUIデザインツールとの比較」のような内容の記事が多く（人のこと言えないですが......

もっとみる
Chizuru Kamisono

Chizuru Kamisono

¥1,800
Figmaで使える！スタイルガイドテンプレートのつくりかた (テンプレートのみ有料)

Figmaで使える！スタイルガイドテンプレートのつくりかた (テンプレートのみ有料)

こんにちは、かみそるです。
noteでファイルアップロードができるようになったので、さっそくずっと育ててきたスタイルガイドのテンプレートを販売してみようと思います！

このノートでは、テンプレートのつくりかたを解説しています。テンプレートデータのダウンロードは有料ですが、命名規則などのノウハウはすべて無料で読めるのでぜひ参考にしてみてください！

はじめに🌟 UIをスクラッチで作るときに向いてい

もっとみる
hikaru-takase /Loglass

hikaru-takase /Loglass

Figmaの使い方、全力でまとめました。

Figmaの使い方、全力でまとめました。

最近、figmaを社内でも始めたのですがその魅力にドンドン引き込まれています。自身の学習も含め、これからfigmaを導入しようとする方の参考になればと思い使い方のまとめを作ってみました。
私はsketchをベースに開発することが多いのでsketch→figma視点で語ってる所が多いです。全力と言いつつ、まとめ切れていない所も多いので、不足しているところは随時更新していきます。

導入編アカウント登

もっとみる
広野 萌

広野 萌

FOLIOリブランディングの裏側 ──構想からリリースまでの8ヶ月の軌跡──

FOLIOリブランディングの裏側 ──構想からリリースまでの8ヶ月の軌跡──

株式会社FOLIO CDO（Chief Design Officer）の広野です。

この度、オンライン証券サービス「フォリオ」の正式リリースに伴いまして、思い切ったリブランディングをおこないました。

ビフォーアフターはこちらです。

ご覧の通り、今回のリブランディングプロジェクトはいわゆる「ロゴリニューアル」に留まらず、サービスを提供する上でのスタンスを改めて定義し直した、新たなブランドとして

もっとみる
Chizuru Kamisono

Chizuru Kamisono

Sketchでデザインしながらガイドラインを作ろう

Sketchでデザインしながらガイドラインを作ろう

はじめまして。UIデザイナーのカミソルです。
わたしはOHAKO.incの受託事業の部署でサービスの体験設計からUIデザインをしています。
今回はSketchのSymbol機能を使って、デザインしながら効率よくガイドラインを作る方法について書きたいと思います！

※この記事はSketch Advent Calendar 2017 19日目の記事です。

なぜデザインしながらガイドライン化したいのか

もっとみる
原田 佳樹 Harada Yoshiki

原田 佳樹 Harada Yoshiki

ゼロから始めるデザインシステム - チーム開発を加速させるデザインアプローチ！ #全文公開

ゼロから始めるデザインシステム - チーム開発を加速させるデザインアプローチ！ #全文公開

こんにちは！トライブグループという会社でCDOをやっています、原田佳樹 @yoshigorouuといいます。前回はこんな記事を書きました！

9/22(日)の技術書典7に@scrpgilと共著で「ゼロから始めるデザインシステム - チーム開発を加速させるデザインアプローチ！」という本を出展します。

それに合わせて、事前に本書の本文を公開することにしました。技術書典というイベントは年々盛り上がって

もっとみる