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
01月19日 あけましておめでとうございます ものすごく遅れてしまいましたが、あけましておめでとうございます。 昨年は多くの方と出会う事ができました、仲良くしていただいた方も、そうでない方も今年一年宜しくお... 09月30日 TITANIC THE MUSICALのウェブサイトが公開されました 2007年の1月から東京国際フォーラムで公演があるTITANIC THE MUSICALのサイトが公開されました。 トビラ及びナビゲーションにFlashを使っています、キャストのプロフィール...
Odyssey is the design system for Okta Workforce Identity Cloud products. It empowers teams to build quality product experiences at speed and scale using a universal set of components and tools. | Design system documentation, made with ❤️ using Supernova
InVision Design System Manager 2018年1月にリリースされることが発表されている「InVision」の新しいサービス「Design System Manager(DSM)」。2017年12月現在はEarly Access版(申請制)として提供されています。 Introducing InVision Design System Manager + Brand.ai is joining InVision - InVision Blog 申請が通りましたので、早速使ってみました! できること Design System Managerでは、以下のようなことができます。 デザインシステムのバージョン管理 Color Text Styles Components Fonts Sketchプラグインによる連携 チーム管理 はじめに - オーガナイゼーションとライブラリ
Hey guys, Today is the big day for the whole Thorgate team, as we are finally ready and very proud to share first fully scalable Bootstrap 4 Design System available for FREE. We are using that ourselves for all the design projects we work on and hope that you will find that useful as well. This Design System contain following symbols: ⚙Colors ⚙Typography ⚙Buttons ⚙Inputs ⚙Forms & Dropdowns symbols
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などのデザインツールに
Transform your Sketch-based design system into real code using React Studio by@reactstudio Sketch’s symbols and overrides have made it possible to create complex UI design libraries. With the free React Studio and its Sketch transfer plugin, you can turn those Sketch symbols into real UI components (without writing code!) and get actual React projects from your Sketch designs. It’s a gradual proce
Some teams barely organize how things get done. They’ll add a dash of design here, dive deep into code there, and maybe sprinkle on documentation as an afterthought. “Should we make this? What should it be? When do we QA?” For less disciplined teams, who the heck knows. Lacking a workflow, a team litters a backlog with heterogeneous, overlapping tasks. From afar, you can’t learn or remember task o
System “How do I…?” cards, used in a practice planning activity There’s a ton of “How Do I…?” questions to consider as you optimize your design system practice. Whether starting a design system practice from scratch or rebooting that practice, teams may put “everything we do” on the table for review. This is the perfect time to assess processes from a high-level overall and decide the right time a
開発組織も当然大きくなっており、プロダクトデザイナーのプロダクト開発への関わり方もアップデートしつつあります。 「デザインシステムは、それを運用する組織の体制や構造に強く影響を受ける」ということで、現在、2つの状況からデザインシステムは次のステップに進むフェーズにきています。 デザインシステムの進化を後押しする2つの状況 マルチプロダクト戦略SmartHR がマルチプロダクト戦略を打ち出したことで、「ユーザーインターフェースの品質と一貫性がもたらす使いやすさ」がより重要になってきました。競合他社との機能のコモディティ化が進むなか、「使いやすさ」は商品価値として差別化要素の一つと位置づけられます。詳細はダイレクターのfumiya(@tyoys00)さんの前回の記事をぜひ読んでください。 プロダクトデザイン組織の拡大マルチプロダクト戦略を受けて、私たちは「プロダクトの使用性を担保する開発者で
One of the most exciting developments in design for me in the past few years was the launch of the GOV.UK design system. Of course, the real power of a design system comes from the community of designers who maintain it, but GOV.UK does so much right that it made me want to raise the bar on my own projects. I wanted to make something that was: easily reused in any website or app by installing it a
Carbon, Lightning, Clarity, Polaris, Plasma, Build. Am I describing names of SpaceX rockets, or corporate design systems? In today’s software landscape, we’re no longer limited to feelings of inadequacy from just perusing Dribbble. Now we can feel insecure because we’ve never created a design system even half as robust as the ones above. But just like watching Lebron play basketball or Thom Yorke
概要FigmaのSmartHR UI(ライブラリ)は組織全体で利用しているライブラリのため、意図しない更新から保護するために編集権限を制限し「ブランチ機能」を使って運用しています。 SmartHR UIにコンポーネントやスタイルを追加・変更したい場合は、本ページを参考にしてください。 コンポーネントの構造や命名などの考え方は、デザインデータ(Figma)の作り方を参考にしてください。 ブランチ運用上の注意SmartHR UIに変更を加える場合は、Figmaの「ブランチ機能」を利用してレビューを依頼する必要があります。 ブランチ作成時やレビュー依頼時は、以下の点に注意して作業してください。 守って欲しいルール「SmartHR UI」のライブラリを更新する場合は、「SmartHR UI 14px」も同じ内容でブランチを作成し更新してください。SmartHR UIはフォントサイズ基準が16pxと
Free and Open Source Design System for Bootstrap 4 Product description Start your development with a Design System for Bootstrap 4. It is open source, free and it features many components that can help you create amazing websites. Fully Coded Components Argon Design System is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variat
Build inclusive, delightful customer experiences with Twilio’s open-source design system.
In a previous post we talked about how we’re working with the Centers for Medicare & Medicaid Services (CMS) to create an open source design system for HealthCare.gov. In this post, I’d like to share some of the bigger technical decisions we made while building that design system. Fortunately, a lot of smart folks have already put a lot of thought into the best approaches for building scalable, de
Creating and maintaining a consistent UI and UX across every part of your product helps your users intuitively navigate and successfully interact with different sections of your applications without confusion. Keeping your UI consistent between multiple sections of your product and across apps creates something even much more valuable: your brand. Branding your UX and UI is the key to making users
In the past five years I’v been working on major frontend projects at Gloat. In this blog post I’ll focus on what I learned when building Gloat’s design system and how I moved from using UI libraries like MUI to using headless components. When building our design system, I had to answer these requirements: Accessibility: the components must be accessible.Theming: each component should support mult
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
This is a guest blog post by UXPin. Design doesn’t scale easily because it’s a mixture of art and science. It’s traditionally been thought of as a cottage industry – a bunch of specialized folks crafting beautiful one-off solutions. But, with the recent surge of design roles industry-wide, the design world needs a more modular approach to product development. As the Head of Design at Airbnb (Alex
3日目はInterface Inventoryについて見ていく。 An interface inventory is a comprehensive collection of the bits and pieces that make up your interface. Interface Inventory | Brad Frost Interface Inventoryとは、プロダクトのUIを作り上げている部品の包括的な収集のこと。UIパーツをカテゴリー分類することでプロダクト全体のUIパーツを俯瞰することが目的で、これによって全体のUIパーツの中で最新のデザインが反映されてないパーツや、共通化できてないコンポーネントなどを見つけ出すきっかけにできる。 Interface Inventoryのメリット Interface Inventory | Brad Frostによると、Int
This is part of Frames for Sketch — tutorial article that will help you to get started with Frames Design System and customize it to match your brand guidelines, as well as helps you to learn something new about sketch features and tricks that you might not know. Guide contents:👀 Overview — A quick look at the main sections.🍭 Colors — Learn how to add and use colors.📜 Typography — Replacing sys
In 2012, I started a small side project to standardize the design patterns and user experience of 12 software products at Atlassian. Over the next 3 years, this small side project turned into a very big project that became my full time job that involved creating and shipping several versions of the Atlassian Design System, and established the Design Platform team (that still exists today but with
No documentation yet, but big ambitions for UI components tailored for AWS services Amazon Web Services has released AWS UI, which the cloud services biz describes as "the first step in a larger process of creating a new open source design system." The context for this is the open-sourcing of the user interface code for the .NET Porting Assistant, a tool to scan Windows-only .NET Framework applica
A smooth onboarding is an essential moment in a product experience. That’s why an Getting Started as an Engineer is arguably the most important documentation your system publishes. Engineers want to traverse simple, dependable steps that are quick, effortless, and painless. Getting stuck can be catastrophic. They should plow through, even in minutes. By the end, they yearn to feel empowered and su
Design systems result in tangible, often gorgeous outputs like a living style guide or array of design assets. When getting started, it feels like a project, evolving from early concepts to a celebrated (first) release of those assets for other people to use. “We did it! We launched a guide. Mission accomplished.” Celebration is justified, no doubt. You did achieve something, and making useful thi
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く