Building a Scalable Design System with Sketch - Speaker Deck
Design Systems have reached peak popularity. It seems that every design team has either built one, is building one, or wants to build one. With the release of the incredible Nested Symbols feature followed by Sketch Libraries just a few months ago, Sketch has emerged as an essential part of the Design System workflow. In this talk we will be covering: • Best of breed Design Systems out in the wild
2018-bonfire-design-komerco-design-system
2018/04/20で発表したBonfire Design #3 の登壇資料です。
デザインのバージョン管理をGitHubでしてみたら修正点が3秒で分かるようになった話 - Money Forward Developers Blog
こんにちは。デザイナーの大橋です。 今日は、私が担当している “（しら）ずにお金が（たま）る”自動貯金アプリ『しらたま』 で導入してました、デザインのバージョン管理の話を紹介します。 デザインのバージョン管理といえば、AbstractやKactusがありますが、今回はあえてGit Sketch Pluginを試してみました。 デザインデータをGitHubで管理しようと思ったキッカケ 私以外のチームメンバーがみんなエンジニアだから、間違いなくGitHubに寄せたほうが効率いいんじゃないか。 新しいツールを導入すると、プロジェクトに関する情報が分散してしまいがちで、エンジニアも招待したり登録してもらったりしなきゃいけないのかなという印象。※あくまで印象です。 Kactusはプライベートレポジトリが有料。 こんな感じでなんかファイルが増えてく。。。(忙しいと放置しがちでよくない。。 GitHub
チームの課題から考える、Adobe XDとSketchの導入メリット | PSYENCE:MEDIA
この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは！現在キッズリーのデザインを担当しているデザイナーの町田（@macheri_me）です。 今年で中途入社３年目となりました。本日は弊社の制作事例をもとに、AdobeXD・Sketchの活用法についてご紹介します。 【この記事を読んでもらいたい人】 これからAdobe XD、Sketchどちらを導入しようか悩んでいる人 デザイン制作フローの中で課題を抱えており、解決したい人 Adobe XDとSketch。自分のチームにはどちらが最適か サービスのデザインを制作する際、何のツールを使っていますか？少し前だと Adobe Illustrator、Photoshop、Fireworksといったグラフィックツールが多かったかと思います。しかしながら、これらはUIデ
Introduction · react-sketchapp
render React components to Sketch; tailor-made for design systems Quick-start 🏃 First, make sure you have installed Sketch version 50+, & a recent npm. Open a new Sketch file, then in a terminal: git clone https://github.com/airbnb/react-sketchapp.git cd react-sketchapp/examples/basic-setup && npm install npm run render Next, check out some more examples! Why?! Managing the assets of design syst
Painting with Code
Today, we’re excited to share a tool we built to help bridge the gap between designers and engineers working on design systems at scale. React-sketchapp is an open-source library that allows you to write React components that render to Sketch documents. If you’re a designer or an engineer familiar with React, you should feel right at home with the new library, and you can play with it right now. H
Versioning, Licensing, and Sketch 4.0
It’s been just over two years since we released Sketch 3.0, and much has happened in that time. We’ve shipped a total of 30 updates and are incredibly proud of the work we have done. Not only that, our fantastic community of Sketch users has increased tenfold, sharing a wealth of resources, tutorials, and Plugins. For that, we thank you! 🙏 As we’ve recently shipped Sketch 3.8, many people have be
CSS Hat translates layer styles to CSS3 code
Goodbyes aren't our thing, but exciting new tools are! 🙌 “Avocode” was sunset on October 1st, 2023 Here at Ceros, we're no good at goodbyes. But one thing we've always excelled at? Embracing new beginnings and creating awesome new solutions. That's why we're kicking off a new era of tools crafted just for you: This transition means we’ve bid a fond farewell to all products offered by the Avocode
Devices — Facebook Design Resources
Designing for many platforms Facebook supports a diverse audience around the world and an equally diverse set of devices. To emphasize that in our design mocks, we redrew a range of devices to show the global diversity of the people using our products. Each device comes with a bitmap of the device (with and without shadows) and the original Sketch file for that device. We'll release different cate
Learn Design Code
The best resources for learning design and codeReceive hand-picked designer and developer tools, news and resources delivered to your inbox weekly.
Sketch Resources — ustwo Learn
Plugins & AppsSketch Toolbox → A super simple plugin manger for Sketch *MUST HAVE*Sketch Commands [NEW] → A Sketch port of Orange Commands for Fireworks Paparazzi (Paparazzi download here) → Import any website into to Sketch as an editable fileGenerate ICNS → Generate an Apple Icon ImageSync Plugins → Sync local plugins with their master version at GitHubClear Styles → Clear all style properties f
Sketch App Sources - New Free Design Resources - Icons, UI/UX Kits, Wireframes, iOS, Android Templates for Sketch
Thousands of UI/UX resources from great and resourceful designers around the world Sharing and building on each other's work is the ultimate form of learning and retaining knowledge. Since 2012, we're curating some of the best resources to help you design, prototype, and collaborate better and faster. UI Kits Apps Icons Illustrations Wireframes Ideas Web iOS Material Data Forms Mockups Real Annota
CPI x CSS Nite x 優クリエイト 「After Dark」（11）フォローアップ イシジマさん｜CSS Nite公式サイト
CPI x CSS Nite x 優クリエイト 「After Dark」（11）フォローアップ イシジマさん 記事公開日：2014年6月27日（金） 2014年6月18日 、KDDIウェブコミュニケーションズセミナールーム（麹町）で開催したCPI x CSS Nite x 優クリエイト 「After Dark」（11） のフォローアップとして、 イシジマ ミキさん（ザ・マーズナレッジ）の『ワイヤーフレーム・プロトタイプ制作に使うSketch』セッションのスライドなどをシェアします。 スライド 補足など 皆さん、ご参加ありがとうございました。 わたしも簡単なワイヤーフレームの設計で最適なツールに悩まされてきたことがあり、いろいろ試していました。AIやFW、Cacoo、OmniGraffleなど。 それらの中で一番シンプルに感じたのがSketchです。基本的な操作概略を見ることで、実際の制作の
Learn Design Code
The best resources for learning design and codeReceive hand-picked designer and developer tools, news and resources delivered to your inbox weekly.
Sketch Tutorial_01
After a bit more than a month using Sketch 3, I feel confident enough to share a part of my workflow in form of a tutorial. To do so, I’m going to be describing how to create the Colorful switch freebie I made as it uses a lot of interesting features Sketch has to offer and is not extremely long to do. I want to keep this as simple but thorough as possible. This tutorial is designed for beginners
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tondemodesign.com
GitHub - tudou527/marketch: Marketch is a Sketch 3 plug-in for automatically generating html page that can measure and get CSS styles on it.
Runner Pro: The Sketch plugin to design faster
Zeplin
Sketch Toolbox
