|
|
|
#Sketch #Plugins #Productivity
This plugin automatically arranges the position of all Artboards in your Sketch document, to snap them to rows & columns.
|
|
|
|
#Sketch #Plugin #Libraries #Productivity
A new way to browse your symbols. Make the most of your Design System by bringing symbols and UI Sticker sheet together.
|
|
|
|
#XD #UIKits #Semantic #Productivity
Build a custom design system with this kit inspired by Semantic UI. Start designing at scale with components like buttons, forms, search, tabs & more.
|
|
|
|
#Accessibility #Productivity #Tools #WCAG
Color Safe is a tool to explore beautiful, accessible color palettes for your website based on Web Content Accessibility Guidelines (WCAG).
|
|
|
#Sketch #Plugins #Productivity #UIDesign
Sets the size of Symbols, Instances, Text Layers, Artboards or Groups to the size of their contents:
Works with: 👉 Artboards & Master Symbols 👉 Symbol Instances
👉 Groups 👉 Text Layers
✨ For Text Layers it resizes the text box to the correct height based on the line-height value.
📐 Applied to Symbol Instances it resets them to their original size (the Master Symbol’s size).
📂 For Groups it fixes an issue 🤕 where folders don’t match the size or position of their contents!
Enjoy!
|
|
|
|
#SVGs #Tools #BestPractices #Sketch #Figma #Illustrator #Productivity
To make the best of SVG, it’s useful not only to learn its syntax but also to understand how SVG is generated by graphic design software. Let’s take a closer look at the process of generating SVG with popular design apps and how we can use them to our own advantage.
|
|
|
|
#CSS #Productivity #Motion #Microinteractions
Browse a carefully crafted collection of loaders, hover effects, transitions, and other CSS effects to use in your next project. Effects are designed with an emphasis on fluidity, simplicity, and ease of use.
|
|
|
|
#Sketch #Productivity #Collaboration
In the changelog notes of Sketch 51, Bohemian Coding quietly announced that Sketch now supports “a URL protocol for adding Sketch Libraries backed by RSS feeds to Sketch”. At Salesforce, we were…
|
|
|
|
#Sketch #Productivity #Tips
Since the release of 43.1 and now it is as if the Sketch file is a .ZIP file and it actually behaves like a .ZIP…
|
|
|
|
#DesignSystems #UIDesign #BestPractices #Productivity #Figma
A Figma publication for design systems creators, designers, developers, and managers
|
|
|
|
#Typography #CSS #RWD #Productivity
|
|
|
|
#WebDev #Chrome #Productivity
|
|
|
|
#Sketch #Productivity #Plugins
Introducing Roller by ToyboxRoller is the first Linter for Designers. It works just like spell-check but within your Sketch files - helping you and your team identify design inconsistencies and suggesting edits while you work.
Download the zip to get started, view the documentation below to learn more :)
|
|
|
|
#Sketch #Plugins #UX #UserFlows #Productivity
Plugin for Sketch to create connection flow arrows for creating user flows, sitemaps and many more. Saves hours if you are doing them in Sketch. Just select two objects and click on “Plugins” → “👉…
|
|
|
|
#FramerX #UIDesign #Prototyping #Productivity
In this short video, find out how to customize everything about your page components in the Framer X properties panel—from sliding direction and padding to momentum and dynamic effects.
|
|
|
|
#CSS #RWD #Productivity
CSS custom properties (a.k.a. CSS variables) are becoming more and more popular. They finally reached decent browser support too.
|
|
|
|
#Colors #CSS #Productivity #UIDesign
Learn how and why to switch from RGB to HSL in your projects.
Hue: your base color, pick a value from 0 to 360 (think about the color wheel)
Sauration: how “intense” (rich or dull) your color will be (%)
Lightness: add or remove white from your colors, 50% is the middle ground, below you add black, above white. Key for creating shades of color.
|
|
|
|
#Icons #SVGs #Accessibility #Productivity
Customise, adjust and download free vector icons. Ikonate is an adaptable set of optimised, accessible SVG icons that use can easily use in both development and design apps such as Sketch and Photoshop. Ready to use as images, inline SVGs or SVG sprites.
|
|
|
|
#Sketch #Plugins #Productivity #UIDesign
I created this plugin because the built in "distribute" tool wasn't giving enough control and the "grid" tool being very powerful requires more settings than I want to deal with every time.
Evenly space – vertically or horizontally – selected Layers, Groups, Artboards and Symbols by a defined amount:
1) Select the elements
2) Press Command + Alt + Shift + S
3) Enter a spacing value
Enjoy!
Francesco
|
|
|
|
#Sketch #Releases #Productivity
Sketch 53 has just been released! The productivity improvements are in the way overrides are now managed.
- Override Management
- You can now manage which overridable properties appear directly in the Symbol’s master.
- Overrides
- Overrides in Symbols can now be selected via the Layer List, and in the Canvas when the Symbol instance is selected.
Plus tons on other performance improvements. Some of my faves below:
- Added the ability to navigate directly to a nested Symbol’s master from the Inspector
- Color presets added to Document Colors are now included in Libraries
- Grid and Layout visibility can now be toggled for all selected Artboards
- Support has been included to view color values in HSL
- Solid color presets are now visible when viewing the gradient picker
|
|
|
|
#DesignPatternLibraries #UX #Sketch #Collaboration #Productivity
|
|
|
|
#Sketch #AnimaApp #Plugins #Prototyping #Productivity #Motion
|
|
|
|
#Sketch #UserFlows #UX #Free #Productivity
User Flow Diagram Template resource, for Sketch App. User Flow Diagram Template Sketch file freebie.
|
|
|
|
#Framer #Prototyping #Productivity
Animate components without using code- Create a design component ⌘+K. This is your Source.
- Create an instance of your component ⌘+D. This is your Target.
- Double click on your Target to change the children’s properties you want to animate.
- Connect Magic Move to Source and Target and customise its animation properties.
- Preview and be happy forever ✨
|
|
|
|
#Tools #Collaboration #Productivity #UIDesign #WebDesign
A better way for designers and writers to work together. Sign up for Kopie and get your team on the same page.
|
