Webフロントエンドエンジニアにやさしいデザインファイルの作り方 - Qiita
Sketch - The digital design toolkit 画像はSketch最高っていう顔です。 HTMLやCSSを書くWebフロントエンドエンジニアにとって、Webデザイナーが用意した理想像を現実に落とし込むことは1つの使命であり、費用対効果への葛藤に揺れる中で「技術的に難しいから」という理由でデザインを却下したくないのは誰しも同じだと思います。一方で、技術的に難しくなくとも、デザインファイルの作り方次第ではエンジニアの実装効率も多少なりとも変わってきます。そこで、僕のデザイナー及びエンジニアとしての経験則から、HTML/CSSで実装しやすい（≒Webフロントエンドエンジニアにやさしい）デザインファイルの作り方を、Sketchでの用例も挙げつつまとめてみます。近年はFigmaが注目されつつありますが、基本的な話は共通すると思います。 本来ならばデザイナーにこそ読んでいただき
iOSDCで『Sketchからアイコン切り出し ⇒ Asset Catalogを自動生成 ⇒ 差分があればPullRequest』という流れをCIで自動化する話をしました - Konifar's WIP
2ヶ月くらい前にiOSDC 2017のプロポーザルを出したんですが、2つ出したうちの1つが採択されたので登壇してきました。 speakerdeck.com サンプルリポジトリはこちらです。資料だけだとわかりにくい部分もあると思うので、少し補足しておこうと思います。 Import Sketch Icons to Asset Catalog on CI Sketchからアイコンを切り出して、Asset Catalogを生成して、差分があったらiOSのリポジトリにPull Requestを出すというのをCIで自動化している話です。 私の所属するQuipper Limited.で実際に運用している知見です。 @konifar konifarという名前で、TwitterやGitHubをやっています。 プライベートで、専業主婦の嫁さんとエンジニアリングやエンジニアの仕事に関する雑談をするyome.fm
Kactus
Meet KactusIntroducing true design version control without changing your tools. Manage changes, document work and keep your team in sync. Download for macOS Experience GitEnjoy all the benefits of git with our simple UI, leaving you more time to focus on what matters — your design. Streamline your workflowCreate branches, collaborate with other designers or developers, and commit changes without t
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
オレオレSketch.app Advent Calendar 2013やりますよ。
ということで、タイトルの通りです。酔った勢いでカレンダー立てちゃって、後悔するパターンですね。 12/1まであと数時間というところでの告知ですが、Sketch.appのアプリケーションウィンドウの解説から、ちょっとしたTipsまでいろいろと紹介していきます。 Sketchの基本。というSketch（Sketch 3）の基本操作にフォーカスした電子書籍をリリースしました。詳しくはこちらの「Sketchの基本。」のページをご覧ください。 この記事はSketch 2を元にした記事です。最新版の動作とは異なる可能性が高いため、参考程度にご覧ください。 半額セールで買っちゃったけど全然使ってない人、これから始める人、バリバリ使ってる人…には物足りないかもしれませんが、少しでもお役に立てれば幸いです。毎日更新なので、内容の濃淡が激しいと思いますが、最後までゆるりとお付合いください。 一覧 Sketch
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - sketch-hq/SketchAPI: The JavaScript plugin library embedded in Sketch
GitHub - seek-oss/html-sketchapp-cli: Quickly generate Sketch libraries from HTML documents and living style guides, powered by html-sketchapp
GitHub - Lona/Lona: A tool for defining design systems and using them to generate cross-platform UI code, Sketch files, and other artifacts.
uxflow.co
GitHub - mathieudutour/git-sketch-plugin: :gem::octocat: A Git client generating pretty diffs built right into Sketch.
GitHub - almonk/SketchGit: Git plugin for Sketch App
Sketch App Plugin Registry - Sketchpack.in