Introducing Exciting New Tools from Ceros: Farewell to Avocode Products
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
Apple、これまでBeta版として公開していたデザインテンプレート「iOS 14 and iPadOS 14 Sketch/Adobe XD Kit」を正式にリリース。
AppleがこれまでBeta版として公開していたデザインテンプレート「iOS 14 and iPadOS 14 Sketch/Adobe XD Kit」を正式にリリースしています。詳細は以下から。 Appleは現地時間2021年01月28日、2020年06月にオンラインで開催されWWDC20と同時に公開したデザインテンプレート「iOS 14 (Beta) for Skech/iOS 14 (Beta) for Adobe XD」をアップデートし、「iOS 14 and iPadOS 14 Sketch/Adobe XD Kit」として正式にリリースしています。 iOS 14 and iPadOS 14 Sketch Kit : 89.6 MB iOS 14 and iPadOS 14 XD Kit : 147.7 MB January 28, 2021 Apple Design Resou
Sketchそろそろ限界なのでは...と思うとき｜山本麻美
数年前はUIデザインツールとして先陣切っていた「Sketch」ですが、多機能、高機能になり、これから始めようという人にとっては難解になりすぎてしまったのではないかと思う今日この頃です。 まだここまで複雑ではなかった頃は、初心者向けハンズオン・イベントや講座を行うたびに、訪れる方々の笑顔を生み出せていたと思います。 1) 3年前にこんなSketchイベントに出たり、 Sketch 1dayブートキャンプ 2) 私のところに個人的に寄せられるSketch初心者の方々からの相談を公開して多くの人に役立てようというブログを開設したり、 Sketchたまご 3) ロクナナワークショップでSketch講座を開設したり、 山本麻美のSketch入門講座 4) 日本初のSketch公認イベントに出たり、 Sketch Tokyo 2019 Sketchの普及に熱意を持って活動していたこともありますが、限界
Webフロントエンドエンジニアにやさしいデザインファイルの作り方 - Qiita
Sketch - The digital design toolkit 画像はSketch最高っていう顔です。 HTMLやCSSを書くWebフロントエンドエンジニアにとって、Webデザイナーが用意した理想像を現実に落とし込むことは1つの使命であり、費用対効果への葛藤に揺れる中で「技術的に難しいから」という理由でデザインを却下したくないのは誰しも同じだと思います。一方で、技術的に難しくなくとも、デザインファイルの作り方次第ではエンジニアの実装効率も多少なりとも変わってきます。そこで、僕のデザイナー及びエンジニアとしての経験則から、HTML/CSSで実装しやすい（≒Webフロントエンドエンジニアにやさしい）デザインファイルの作り方を、Sketchでの用例も挙げつつまとめてみます。近年はFigmaが注目されつつありますが、基本的な話は共通すると思います。 本来ならばデザイナーにこそ読んでいただき
Awesome Design Plugins
How to Use and Contribute Now you are in Awesome Design Plugins section, if you need tools — go to Awesome Design Tools. To find the tool, go through the Table of Contents or search for a keyword (for example, "animation", "prototyping"). Ask Lisa on Twitter. If you found some great design tool or plugin, just send a Pull Request concerning our Contribution Guidelines (they're very simple, please
Affinity Designerを動画に活用、Sketch, Figmaとの使い分けなどイベントの登壇内容まとめ
この記事は、2019年7月に開催した「Affinity User Group JAPANミーティング #1」での大嶺 建さんと勝谷 元気さんの登壇内容の動画等をご紹介します。 Affinity Designerで簡単YouTube動画制作術 登壇者の大嶺 建さんはYMRchannelというYouTubeチャンネルをされていて、動画編集ではDaVinch Resolveを使用されています。 テロップ作成にAffinity Designer、サムネイル作成にAffinity DesignerとAffinity Photoを使用されているそうです。 個人的には、Affinity Publisherで制作した雑誌風スライドの完成度の高さが目を引きました。 このスライドのPDFは以下からダウンロードできます。 PDFをダウンロード Affinity Publisher形式のデータは以下からダウンロー
Sketch · Collaborative Design for Everyone
There’s no “I” in team. Sure, there’s one in design, but that doesn’t mean you have to do it alone. Every project is different, so our real-time collaborative design tools mean you choose what to share, when to share it and how you work together. Share a Workspace Bring your people, documents, Libraries and more together with a Sketch Workspace. You’ll always have full, instant control over who’s
いちばん詳しい Sketch / XD / Figma / Studio の比較 〜1. 導入と背景知識｜平田 / U-NEXT
いちばん詳しい Sketch / XD / Figma / Studio の比較 〜1. 導入と背景知識 平田です。普段は個人のブログに記事を書いているので、ちゃんとしたnoteを書くのはこれが初めてです。 Sketch, Adobe XD, Figma, InVision Studio について徹底的に比較を行ったので、知見をまとめたいと思います。量がかなり多いので、いくつかの記事に分けて紹介します。 1. 導入と背景知識 ◀イマココ 2. 基本項目の比較 3. デザイン機能比較 4. シンボルとスタイル 5. プロトタイピングとコラボレーション 6. まとめ 今回はこの連載記事の導入と、各ツールを比較する上での背景的な情報をまとめます。 概要## この記事に含まれる内容 🙆♀️ - Sketch, Xd, Figma, Studio の選定基準 - Sketch, Xd, F
2018年 導入してよかったデザインツール｜灰色ハイジ｜note
Twitterのタイムラインで「2018年なんとかまとめ」というリンクをよく見かけることで年末を感じている灰色ハイジです。こんにちは。 日々いろんなツールが増えていますが、個人的に今年導入してみて良かったデザインツールをまとめてみました。 - Contrast - Principle - Figma - RealtimeBoard - IconJar - UXKit - Notion - ConceptsContrast WCAG（ウェブコンテンツ・アクセシビリティ・ガイドライン）が定めた数値で色のコントラストチェックができます。これまでにも同様のツールはありましたが、Sketchのプラグインだったり特定のソフトウェアでしか使えなかったものが、これだとMac Appでメニュー バーから起動できるのでどのソフトウェアでも使えます。 Principle アニメーションやインタラクションがつくれ
「Sketchを用いたデザインシステム」を作ってチームでのデザイン作業を効率化した話 - BASE開発チームブログ
この記事は、「BASE Advent Calendar 2018」の21日目の記事です。 devblog.thebase.in はじめまして。2018年2月にBASE株式会社へデザイナーとして入社した小山です。 技術ブログを書くのは初めてなのですが、今回は私が2月に入社してから今日までネットショップ作成サービス「BASE」で「Sketchを用いたデザインシステム」を作ってチームでのデザイン作業を効率化した話について書こうと思います。 入社当時の状況 私が入社した当時、デザインチームは人数が増え始めた時期で、大きな課題が2つありました。 デザインデータの管理 私が入社する前まではプロダクトに対してデザインデータを作るデザイナーが少なく、各デザイナーが個人のローカルでファイル管理をしていました。その為、誰がどの画面のデザインデータを持っていて、最新のデータがどれなのかを毎回メンバーに確認をして
2018年末に考えるSketchデザインデータ
前置き 本編の前に、現在の環境について少しだけ前置きを書きたいと思います。 仕事は主にC向けサービスのデザイン（WEB版）をしております。 ツールは普段からSketch+Abstractを使用しており、担当デザイナーは私だけで、他のデザイナーと共同作業することはほぼありません。またHTML+CSS(+見た目に関わるjsなど)は自分で書くことが多いです。 なので、Abstractはバージョン管理＆クラウド＆たまに他の人への共有として利用しています。（インスペクタ機能もアルよ!!使ってない!!） サービスの規模は中〜大向けの記事になるかと思います。 それでは早速本編に入りたいと思います！ 使用アプリケーション Sketch Abstract Sketchのライブラリ機能を使う ライブラリ機能が実装される前に始まったプロジェクトの場合は特に、ライブラリを使用するかどうかが悩むポイントになるかもし
試し読み：デザイナー座談会 （UIデザイナーのためのSketch入門&実践ガイド 改訂第2版）｜BNN｜note
この度、2018年11月に刊行した書籍『UIデザイナーのためのSketch入門&実践ガイド 改訂第2版』に所収されている、「デザイナー座談会」を公開いたします。 前回の刊行より約１年。Sketchの利用者も増え、バージョンも徐々にアップデートされてきたところで本書の刊行に至りました。改訂版を出すことが決まり、著者である吉竹さんにおおよその加筆＆修正を終わらせていただいたところでver52.2が登場に……。ギリギリのタイミングでしたが、吉竹さんのご尽力のなんとかアップデートに間に合わせることができました（本当にお疲れ様でした…）。 前回からの大きな変更点は主に４点です。 1つは、新しく加わったライブラリやプロトタイピング機能の解説。 2つ目は新規プラグインや連携サービスの紹介。 3つ目はレッスン編です。前回のレッスン編では具体的なUIの作り方を細かく解説していただいていたのですが、今回は「U
Sketch + InVision + Zeplin + Abstractで効率化するデザインフロー
デザイナーの西田です。 弊社では目的に応じて、複数のデザインツールを使い分けてUIデザインを作成しています。 昔は各々好きなデザインツールを使っていたのですが、事業がどんどん拡大し、メンバーが増えていくと、チームで統一されたワークフローがないと回らない状況になっていきました。各ツールの長所＆短所を何度も議論した結果、現在はSketch + InVision + Zeplin + Abstractの組み合わせで進めています（2018年9月時点） 今回の記事では、現状のデザインツール＆フローに至った経緯を紹介していきます。 目次 1. プロダクト＆チーム プロダクト チーム 2. ワイヤーフレーム：自由 3. モックアップ：Sketch vs AdobeXD vs Photoshop Zeplin連携 Sketch Librariesによるコンポーネント化 4. プロトタイプ：InVision
Photoshop、Illustrator、XD、Sketch…結局どれを使ってWebデザインすればいいの？ | Stocker.jp / diary
Webデザイン Photoshop、Illustrator、XD、Sketch…結局どれを使ってWebデザインすればいいの？ Thursday, September 27th, 2018 Webデザイン制作で使用するアプリは多様化しており、これからWeb制作をはじめたい方にはどれを選べば良いか分かりにくいかもしれません。 それぞれのアプリケーションには一長一短あり、用途によってどのアプリケーションが適切かは変わります。 この記事では、Photoshop、Illustrator、XD、Sketchに絞り、それらのアプリケーションの特徴についてまとめています。 なお、この記事の内容は 世界一わかりやすいIllustrator & Photoshop & XD Webデザインの教科書 という書籍のLesson 01の内容を一部抜粋し、この記事用にリライトしたものです。 Photoshop向きのデ
さよならSketch、こんにちはFramer X｜KANTA YAMAGATA｜note
Jorn van Dijk（@jornvandijk）のリツイートから2ヶ月近く経った先日、ようやくFramer X βの招待が届きました。Trailerが格好良すぎてReactとシームレスになるのかという期待で一杯だったので嬉しかったです。実際、AirbnbやFacebookのデザイナーもこんな感じでした。とりあえず動画を観ていただけたら。 タイトルはUSノリですが、正直Sketchはある1プロジェクトで使ったことがあるだけです。Figmaなどの他のデザインツールは使ったことがないです。なのでここでは比較を行いません。以前からあるFramerとの差分の紹介を中心にしていきます。Framerはなぜか日本では使われていない印象がありますが、これがデザイン環境の向上に少しでも参考になれば幸いです。 Linking複数画面の遷移をつくるには、FramerではFlowComponentを利用したコ
Design Collaboration, Version Control & Handoff - Sympli
"Sympli has significantly improved our coordination around designs, enabling designers, product managers and engineers to work together much more seamlessly. It allows our engineers to build confidently to specifications, and allows our design team to easily share out their vision. It’s a vital part of our product development workflow!" Tom Wilson Principal Engineer
開発スピードを上げるため、Sketchを辞めてFigmaに移行した話 - fujiken design blog
こんにちは、ふじけん (@kenshir0f) です。 普段はモバイルアプリを主としたサービス開発のデザイナーを担当しております。 業務ではSketchを使ってアプリのUIを組んでいるのですが、 先日チームの開発体制を見直すときにFigmaというデザインツールに移行しました。 Figmaに乗り換えるに至った経緯やプロコンなど、ざっくりまとめてみます。 なぜsketchから乗り換えたのか 今まで他の人と共同で同じsketchデータを作業することがなかったのですが、メンバーが増えてからはabstractで共同で作業していました。 ライブラリを分けたりbranchを切ったりしながらデザインを行っていたのですが、しばらく経つと不満点がいくつか見えてきます。 影響範囲がでかいライブラリを更新するとコンフリクトしやすい branchを切って作業してマージするなどスピードが遅くなりやすい デザイナーにb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flowkit for Figma
Uxtools.co | 2018 Design Tools Survey Results
Uizard | App, Web, & UI Design Made Easy | Powered By AI
