Genki — A Design Developer System | IMG.LY Blog
AEUX
Real layers Build visual design layers in After Effects as editable as possible with shape and text layers. Images will be exported and built as files when needed –even from Figma in the browser. Grouping/Ungrouping In Ae, a layer exists either in the current comp or somewhere else –which is very different from the grouping in most design apps. It is now possible to group and ungroup precomped lay
Sketch移行ã¨UIコンãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã§ã€è‰¯ã„ã“ã¨ã—ã‹ãªã‹ã£ãŸè©±
アプリやWebã®UI制作ã§ã¯ã€ã‚‚ã†Sketchã«å®Œå…¨ç§»è¡Œã—ãŸã¨ã„ã†æ–¹ã‚‚多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚VASILYã§é–‹ç™ºãƒ»é‹ç”¨ã—ã¦ã„るファッションサービス「IQONã€ã§ã‚‚ã€æ˜¨å¹´ã®å¤é ƒã‹ã‚‰å¾ã€…ã«ç§»è¡Œã‚’開始ã—ã€ç¾åœ¨ã¯ã»ã¼ã™ã¹ã¦ã®UI制作をSketchã§è¡Œãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ãã“ã§ä»Šå›žã¯ã€Sketch移行を進ã‚ãŸéš›ã®ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã€ã®ãƒã‚¤ãƒ³ãƒˆã‚„ã€ãã®æ©æµã‚’ãŠè©±ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ デザインデータã®å±žäººåŒ–ã€ã¨ã„ã†å•é¡ŒIQONã¯2010å¹´ã«ã‚µãƒ¼ãƒ“スを開始・é‹ç”¨ã—ã¦ããŸãŸã‚ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‡ãƒ¼ã‚¿ã®é‡ãŒã‹ãªã‚Šå¤šãã€æœ€æ–°ã®ãƒ‡ãƒ¼ã‚¿ãŒã©ã“ã«ã‚ã‚‹ã®ã‹åˆ†ã‹ã‚Šã¥ã‚‰ã‹ã£ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‡ãƒ¼ã‚¿ã®ã¤ãã‚Šæ–¹ãŒã€Œå±žäººåŒ–ã€ã—ã¦ã„ãŸã“ã¨ãŒå•é¡Œã¨ãªã£ã¦ã„ã¾ã—ãŸã€‚ サービスã®æˆé•·ã«ã¨ã‚‚ãªã„2015å¹´é ƒã‹ã‚‰å¾ã€…ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒå¢—ãˆã¦ãã¾ã—ãŸãŒã€æ–°ã—ã„デザイナーãŒå…¥ã£ãŸéš›ã™ã‚“ãªã‚Šä½œæ¥ã‚’開始ã™ã‚‹ã“ã¨ãŒé›£ã—ã‹ã£ãŸã‚Šã€æ€¥å¯¾å¿œãŒå¿…è¦ãªéš›ã«ä½œæ¥ã—
Sketchã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªWebサイトãŒä½œã‚Œã‚‹ï¼ã€ŒLaunchPadã€ã®å®ŸåŠ›ã‚’ãƒã‚§ãƒƒã‚¯
人気ã®UIデザインツール「Sketchã€ã§ä½œã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é™çš„ãªHTML/CSSã«å±•é–‹ã§ãる便利ãªãƒ—ラグイン。レスãƒãƒ³ã‚·ãƒ–Webデザインã«ã‚‚対応ã§ãる「Launchpadã€ã¯ã‹ãªã‚ŠãŠã™ã™ã‚ã§ã™ï¼ Animaã¯ä¾¿åˆ©ãªSketchã®ãƒ—ラグインを2ã¤ä½œã£ã¦ã„ã¾ã™ã€‚Auto Layoutã¯ã€Sketchã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’作るã®ã«ä½¿ã„ã€Launchpadã¯å‡ºæ¥ä¸ŠãŒã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã€ã»ã¼å®Œæˆç‰ˆã¨è¨€ãˆã‚‹ãらã„ã®ã¾ã¨ã‚‚ãªå“質ã®ã‚³ãƒ¼ãƒ‰ã«å¤‰æ›ã—ã€HTML/CSS Webサイトã¨ã—ã¦å‡ºåŠ›ã—ã¾ã™ã€‚ã¾ãšã¯ã€ãƒ“デオを見ã¦ãã ã•ã„。 「ãˆã£ï¼Ÿ ã¾ãŸåˆ¥ã®ã‚µã‚¤ãƒˆãƒ“ルダーã§ã™ã‹ï¼Ÿ 〠ãã†è¨€ã‚ãšã«èžã„ã¦ãã ã•ã„。Launchpadã¯å˜ãªã‚‹HTML/CSSエクスãƒãƒ¼ã‚¿ãƒ¼ä»¥ä¸Šã®ã‚‚ã®ã§ã™ã€‚デザインã¯Sketchを使ã†ã®ã§ã€WYSIWYGエディターã¨ã‚‚é•ã„ã¾ã™ã€‚4ã¤æ˜Ÿã®ã‚³ãƒ¼ãƒ‰å‡ºåŠ›ã‚’5ã¤æ˜Ÿã®Webサイトã«ã—ãŸã„ãª
How to control shadow spread and blur?
I have designed UI elements in sketch, and one of them has a shadow with blur 1 and spread 0. I looked at the doc for the views layer property and layer doesn't have anything named spread or blur, or anything equivalent (the only control was merely shadowOpacity). How can control things like blur and spread? Here are my settings in Sketch: And here is what I want my shadow to look like: And here i
Sketch Plugin Manager
Sketch Plugin Manager Keeping your Sketch plugins up to date. Download .zip View on GitHub Sketch Plugin Manager Sketch Plugin Manager uses the power of Git to keep all of your installed plugins up to date. Supported Operating Systems Sketch Plugin Manager is currently only supported on OS X 10.12 Sierra. A build for 10.11 El Capitan is in the works. To get notified of changes, watch this project
Anima: AI Design to Code | Figma to React | Figma to HTML | XD to HTML | XD to React
AI powered frontend automation Design to code, Automated Start Free
AnimateMate - Animation Plugin for Sketch
What is AnimateMate? Haha, is this joke or what?! Why the heck do I need animation tools in Sketch. You know feeling when you just need a simple animation for your awesome concept and you realize that it's a huge process to move all assets into some other application? That’s a lot of hassle! Like this example. I know the feeling! That's why I created AnimateMate in order to produce and export simp
Share, Organize, handoff and collaborate.
Bridge between designers and developers Import Sketch design files into Markly with one click, and share with developers or clients. Developers can inspect design specs, copy layer info, export and save assets, generate CSS, JavaScript, Sass, Less, etc. code. The developer / design handoff workflow helps your team deliver product faster. Realtime visual design collaboration Any project member can
Slicer
Presets woot! Select a preset (or customize one) and your slices are named and sorted by folders neatly Repeat! Setup your slices once and hit ⌘ + E endlessly to export again using the same settings 9-patch the world! Draw 4 black rectangles (i.e. patches) once and watch them exported into all Android sizes Some 9-patch guidance In order for the dark arts of 9-patch to work please follow these: Dr
Photopea | Online Photo Editor
Free Online Photo Editor Unlock your creativity with the best free photo editor. Transform your photos with professional-grade tools in a free online photo editor that works right in your browser. No downloads, no hassle. Start using Photopea Fully Local There are no uploads. Photopea runs on your device, using your CPU and your GPU. All files open instantly, and never leave your device. Cost-Effe
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
Googleスライドã«Sketchã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’アップã§ãるプラグイン「Sync to Slidesã€
ã¿ãªã•ã‚“ã€ãƒ‡ã‚¶ã‚¤ãƒ³å…±æœ‰ã—ã¦ã¾ã™ã‹ã€‚Sketch共有ã—ã¦ã¾ã™ã‹ã€‚ 共有ã¯PDFã§ï¼ŸInVisionã§ï¼Ÿã“ã®ãƒ—ラグインを使ãˆã°ã¿ã‚“ãªå¤§å¥½ãGoogleスライドã§å…±æœ‰ã§ãã‚‹ã¿ãŸã„ã§ã™ã‚ˆã€‚ Sync to Slides ã‚€ãšã‹ã—ã„ã“ã¨ã¯ä¸€åˆ‡ãªã—。プラグイン入れã¦Syncã™ã‚‹ã ã‘ ã¾ãšã¯ãƒ—ラグインをインストール。 ãŠãªã˜ã¿ã®ãƒ—ラグイン管ç†ãƒ„ールSketchpacksã§ã€ŒSync to Slideã€ã‚’検索ã™ã‚Œã°è¦‹ã¤ã‹ã‚Šã¾ã™ã€‚ é©å½“ã«ã‚µãƒ³ãƒ—ルã®ç”»é¢ã‚’作ã£ã¦ã¿ã¾ã—㟠次ã«ãƒ–ラウザã§Googleスライドを立ã¡ä¸Šã’ã¦æ–°ã—ã„スライドを作æˆã—ã¾ã™ã€‚ 作æˆã—ãŸã‚‰URLをコピーã—ã¾ã—ょã†ã€‚ Sketchã«æˆ»ã£ã¦ãƒ—ラグインã‹ã‚‰Sync to Slideã‚’é¸æŠžã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã«ã€‚ ã•ã£ãコピーã—ãŸURLã‚’ãºãŸã£ã¨è²¼ã‚Šä»˜ã‘ã¾ã™ã€‚ã“ã†ãªã‚‹ ç”»é¢ã‚’é¸ã‚“ã§Syncã—ã¦ã¿ã‚‹ã€‚ ã§ãã¾ã—ãŸã€‚ã“ã‚“ãªæ„Ÿã˜ã€‚ ã¡ã‚ƒã‚“ã¨è¦ç´ ã”ã¨ã«ãƒ‘ーツãŒåˆ†
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
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Toybox welcome to Miruni
Supernova Studio
Flawless App
Sketchpacks - Sketch plugin manager for teams. Manage and sync your Sketch plugins across machines and teams.
Sketch Toolbox
サービスã®ä¸€è²«æ€§ã¨é«˜é€Ÿé–‹ç™ºã‚’ã‚‚ãŸã‚‰ã™ã€Œå‹•ãスタイルガイドã€Â | Visional Designer Blog
{{#tags}}- {{label}}
{{/tags}}