Kurir ekspedisi adalah individu atau perusahaan yang bertanggung jawab untuk mengumpulkan, mengirimkan, dan mengantarkan barang……
Product Unicorn
Kurir ekspedisi adalah individu atau perusahaan yang bertanggung jawab untuk mengumpulkan, mengirimkan, dan mengantarkan barang……
なぜ、今「デザインシステム」が必要なのか、UXデザイナーに聞いてみた｜SmartHRオープン社内報｜株式会社SmartHR
おつかれさまです。カスタマーサポートグループ UXライティングユニットのおおつかあぐり（@aguringo）です。 先日の全社会議（通称：SKJ）で、プロダクトデザイングループのversionfiveさん（@versionfive）からお知らせがありましたが、SmartHRのデザインシステム「SmartHR Design」にプロダクトの項目が追加・公開されました。 ▶️ SmartHR Design https://smarthr.design 今回公開されたプロダクトの項目は、プロダクトデザイナーのためだけのものではありません！ プロダクト作りに関わるみんなが使える、ドキュメントやツール/部品群を整備していきます。 とは言っても「そもそも、デザインシステムって一体ナニ？ 私たちはデザインシステムとどうお付き合いすればいいのかしら？」と感じる方も少なくないと思います。 ということで、プロダ
Everything I Know About Style Guides, Design Systems, and Component Libraries I've been building a component library for my company. I've learned a lot about style guides, design systems, component libraries, and their best practices. This post will be a deep-dive on everything I've learned in the past year. Table of Contents Why Should You Care? What is a Style Guide? What is a Component Library?
You appear to be a a Slack bot. If you are human, please contact [email protected] (InVision)
一人ひとりの学習を最適化するAI先生「atama＋(アタマプラス)」を提供するatama plusは、2018年末ごろからデザインシステムの構築に取り組みました。そのプロジェクトに携わったUX/UIデザイナーの税所亮（さいしょりょう）さんが、実体験を交えながらデザインシステムのイロハを解説する本連載。初回となる今回は、構築を検討するべきタイミングや、実際の始めかたについてです。 こんにちは、atama plusというスタートアップでUX/UIデザイナーをしている税所です。 デザインシステムの取り組みに興味がある、取り組みたいけれどどこから手を付けたらいいかわからない、そもそもデザインシステムとはなにかがあまりピンと来ない――。そんな方に向け、私の実体験をもとにお伝えしていきます。本連載が、デザインシステムを考える上でのなにかヒントになれば幸いです。 デザインシステムとはなにか まず、デザイ
Hacker UI is a design system for the modern developer.
GitHub - design-tokens/community-group: This is the official DTCG repository for the design tokens specification.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Nord Design System
Full article at https://arie.ls/2022/launching-nord-design-system/
Design tokens - Spectrum
Design tokens are design decisions, translated into data. They act as a “source of truth” to help ensure that product experiences feel unified and cohesive.
はじめまして。 YAMAP デザイナーの樋爪（@hizumedaisuke）と申します。 2020年、YAMAPはブランドのリニューアルを行い、企業のビジョンとミッションを再定義しました。 これに伴い、プロダクトデザイン、サービスのビジュアル、コミュニケーションに至るまで、新たなブランドをこれからどのように実装していくかのデザイン原則を策定しました。 このnoteでは、YAMAPの新たなデザイン原則「RIDGE DESIGN」がどのようなものか、ご紹介できればと思います。 1. YAMAPの新たなビジョンとデザインの役割 YAMAPがブランドのリニューアルに伴い、新たに掲げたビジョンは以下のものです。 これは単にアウトドアのアクティビティとして山に行ってもらうだけでなく、人間が古来より共存してきた自然との繋がり・共生を再発見し、更に自然の大いなる価値を次の世代へと繋げていくことを意味してい
Clarity Design System
Meet “Design Systems”, A New Smashing Book — Smashing Magazine
Why The Book?Many of us have started to approach design in a more modular way recently. It’s just more manageable this way. We experiment with pattern libraries and style guides and almighty design systems, yet while some of us succeed, most of us fail. Our systems get out-of-date too quickly or just don’t get enough traction in our companies. It’s about time to fix it. That’s why we’ve teamed up
Extending Atomic Design
Atomic design is now over 6 years old (which is nuts!). I’m thrilled that all these years later the methodology continues to help teams think of their user interfaces as a hierarchical, interconnected set of components that build real product screens. I thought I’d be sick of talking about this by now, but I’m still passionate about atomic design after hearing so many success stories, as well as w
A free digital book that teaches a practical introduction to the new foundations of graphic design. By Rune Madsen. Start Reading Subscribe to Newsletter
Given at The Mixin
Swiss-army knife for custom CSS-in-JS and design-system needs. Shorthands, custom properties, value maps, design tokens, static/dynamic extraction, and much more... Tiny coreCCSS is an opinionated, low-level utility to deal with CSS style objects. It's not an out-of-the-box styling solution. It helps you deliver your own, tailor-made tool. It is built on the top of transformed (3.8 kB, 1.5 kB comp
こんにちは、カウシェDesignerの@Kana Kikuchiです。 サービスのデザイン運用って難しいですよね。 カウシェはリリースから約2年が経過するプロダクトですが、つい1年前まではデザインシステムやFigmaの運用ルールがおざなりの状態でした。 そこで今回は、そんな適当デザイン運用から、ある程度の運用ルールが整うまでの怒涛の2週間について記載し、整備したデザインシステムやFigma運用ルールをご紹介したいと思います！ 菊池 佳奈 / @Kana Kikuchi 2013年金沢美術工芸大学卒業後、総合広告代理店2社を経てDeNAでヘルスケア事業部に配属される。その後在職中にカウシェで複業を始め、2022年3月に正社員としてジョイン。 趣味は映画とペットと遊ぶこと。 なぜやったか1人でデザインしていたカウシェに続々と新たなデザイナーさんがジョインリリースから1年ほどの間、カウシェは当時
Recently I have come across a tool, called Style Dictionary, developed by Danny Banks at Amazon, that allows you to manage design tokens (or “style properties”) for a design system. I’ve used it to replace the existing tool that we used to process the design tokens for our Cosmos design system. I’ve found the task very interesting, and I’ve decided to document it, so that other people may benefit
letsxd.com
Click here to enter
昨今、「デザインシステム」という手法を目にする機会が増えましたよね。 多くのWebアプリケーションやモバイルアプリケーションでデザインシステムが設計されるようになり、最近ではデジタル庁のデザインシステムも話題になりました。 デザインシステムは、設計よりも浸透に時間がかかる点において難しさがあると私は考えます。自社事業でももちろんその難しさはありますが、クライアントワークは特に「納品」という段階が最後に存在することで難易度が跳ね上がるように思います。クライアントワークにおいて、どのようにデザインシステムと向き合えば良いのでしょうか。 例えば、とりあえず「デザインシステム」らしきものを作っても、それは「デザインガイドラインの納品」としてしか機能しない場合が多くあるように感じます。ただ、クライアントワークだからと諦めずに本気で取り組めば「デザインシステムを改善可能な形で納品する」ことは可能なので
Hudl Uniform
A single design system to ensure every interface feels like Hudl. From the colors we use to the size of our buttons and what those buttons say, Uniform has you covered. Check the guidelines, copy the code and get to building.
Dealing with Dependencies Inside Design Systems – EightShapes – Medium
#5 of 6 of the series Releasing Design Systems: Outputs | Cadence | Versions | Breaking | Dependencies | Process Within a component library, what component has the most dependents (other components in the library that include it)? “Button!” is a knee-jerk response. Good guess! Buttons are reused heavily by many other components. "How about paragraph?" someone suggests. Not exactly. Paragraph is us
Spectrum CSS
Spectrum CSS is an open-source implementation of Spectrum, Adobe’s design system. It includes components and resources to make applications more cohesive. Robust documentationSpectrum CSS is designed to be used in partnership with Spectrum’s detailed usage guidelines. View Spectrum guidelines
The DTA wants to improve people’s experience of government services. This means improving skills in government and helping agencies create services that are simple, clear and fast. Digital Transformation Agency は政府が提供している公共サービスのデジタル化を助けるガイドの役割を担っています。記事中で「再設計された」と書かれていますが、どうやらこれまで https://www.dta.gov.au/ だったのを、試験的に https://beta.dta.gov.au/ へ移行・アップデートしているようです。DTAの役割についてaboutを見ると 政府のサービスに対する人々の経験を向上
Low-fidelity wireframes
WireframesBuild low-fidelity wireframes with drag-and-drop components.
Design tokens — What are they & how will they help you?
Design tokens — What are they & how will they help you? Translating designs into products is hard! Learn how design tokens make building products easier for both designers and developers.
Design Systems Handbook
In the 1960s, computer technology began outpacing the speed of software programming. Computers became faster and cheaper, but software development remained slow, difficult to maintain, and prone to errors. This gap, and the dilemma of what to do about it, became known as the “software crisis.” In 1968, at the NATO conference on software engineering, Douglas McIlroy presented component-based develo
@storybook/cli - Storybook
デザイントークン | 1人design system advent calender 4日目 - development log
4日目はデザイントークンについて見ていく。 Design Tokens（デザイントークン）とは Design Tokens are an abstraction for everything impacting the visual design of an app/platform.— Sönke Rohde (@soenkerohde) 2016年6月24日 デザイントークンとは、プロダクトのデザインに関するすべてのエンティティのこと。 マージン、テキストカラー、フォントサイズ、フォントファミリー、アニメーションの間隔、背景色、ボーダーカラーなどのデザインの情報をもつすべてのものがデザイントークンになる。 デザインシステムにおけるデザイントークンは、同じデザインシステムの上に成り立ってるプロダクト、ウェブやiOS、Androidなどのネイティヴアプリ、Sketchなどのデザインツールに
Releasing Design Systems
#1 of 6 of the series Releasing Design Systems: Outputs | Cadence | Versions | Breaking | Dependencies | Process Companies realize a design system’s value when adopting products use a system to make and ship experiences that their customers use. As a part of that value chain, the system releases features over time. This puts the system into the hands of its customer: designers and engineers doing
I’ve been hearing a lot about design tokens lately, and although I’ve never had to work on a project that’s needed them, I think they’re super interesting and worth jotting down a few notes about. As I understand it, the general idea is this: design tokens are an agnostic way to store variables such as typography, color, and spacing so that your design system can be shared across platforms like iO
Living Design System
Scaling a design across all form factors and platforms has become the new challenge in the software industry. From watch to phone to tablet to desktop, teams must also consider iOS, Android, Win8 and HTML5 implementations. Opinions on native vs. HTML5 aside, most companies use a mix of both to balance the best user experience with time to market and reusability cross-platform. So, how the heck do
Helsinki Design SystemThe central digital experience resource of Helsinki Design Language. Guidelines, design assets and component libraries for building a consistent and accessible digital brand across the city. Getting started
Design systems
Features Code examplesUsage guidelinesOpen sourceTone of voice
Design tokens for dummies
📣 UPDATE (2021/06): An updated version of this article is now available on the Specify blog: https://specifyapp.com/blog/introduction-to-design-tokens. 📣 UPDATE (2020/03): Pssssst! Since the time I wrote this article I’ve co-founded a company that will interest you, aka Specify 👈 As you may have noticed, design systems is a hot topic in the industry right now. According to our dear Brad Frost:
Protocol is a design system for Mozilla and Firefox websites. It establishes a common design language, provides reusable coded components, and outlines high level guidelines for content and accessibility. Protocol is still an evolving project. Currently it’s used primarily by the Mozilla Marketing Websites team as the front-end for www.mozilla.org. The long term goal is to provide a robust, unifie
A Design system is a collection of rules, constraints and principles applied to your design and development process. I most often encounter it as a set of rules that control the typography, colours, spacing, sizing, icons and other visual styles. These rules form a foundation that guides your work. They reduce inconsistencies in both design and development implementations yet giving you the room t
Duet Design System
Duet provides a set of organized tools, patterns and practices that work as the foundation for LocalTapiola and Turva digital products and experiences. Guides Follow these practical guides to get started designing and developing experiences for LocalTapiola and Turva.
Webpack App
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Everything I Know About Style Guides, Design Systems, and Component Libraries
Click here to view prototype SmartHR UI
デザインシステム構築における最初の一歩とは 実体験を交えながらUX/UIデザイナーが解説
Hacker UI | a design system for developers
Design Tokens - Lightning Design System
YAMAPのデザイン原則「RIDGE DESIGN」が生まれるまで｜YAMAP / ヤマップ
Programming Design Systems
Design Tokens in Design Systems
Home | CCSS
２週間で爆速整備したデザインシステムと運用ルールを公開｜株式会社カウシェ
How to manage your Design Tokens with Style Dictionary
生き続けるデザインシステムの実現に向けたデザイナーの取り組み｜Goodpatch Blog グッドパッチブログ
オーストラリア政府がデザインシステムを発表したので調べてみた | よりデザイン
What Are Design Tokens? | CSS-Tricks
Helsinki Design System | Home page
Mozilla Protocol | Mozilla Protocol
Component Based Design System With Tachyons