|
|
#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…
|
|
|
You can choose to show Artboard names, shadows and prototyping links, allowing you to quickly export user flows and UX overviews. This makes it super simple to see and share your whole user flow with shareholders, colleagues and other designers, saving time and streamlining your workflow. Check out the exported version of our Prototyping Template below to see what it looks like — prototyping links included!
|
|
|
#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
|
|
|
#JobHunting #UX #UIDesign #Sketch
See the data-driven rating of tech skills for designers, made by CV Compiler. What technical skills do you need to get a designer job in 2019?
|
|
|
#Typography #CSS #RWD #Productivity
|
|
|
#WebDev #Chrome #Productivity
|
|
|
#Optimization #Conversion #LandingPages #Mobile #UX #UIDesign #Copywriting
When it comes to mobile landing pages, every second counts. Don't miss out on potential conversions. Follow these tips to build the perfect mobile landing page.
|
|
|
#FramerX #React
|
|
|
#UX #ProductDesign
In this two-day workshop Jared Spool will guide you through dozens of UX strategy plays to identify the perfect combination for your organization.
|
|
|
#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” → “👉…
|
|
|
#UIDesign #AFX #MaterialDesign #Animation #Motion
A basic sticker sheet and workflow for animating user interfaces
|
|
|
#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.
|
|
|
#Sketch #React #HTML #RWD
Sketch2React is a free design to code component framework for Sketch App.
|
|
|
#MarvelApp #Prototyping #UserTesting #UXResearch #Video
|
|
|
#DesignSystems #Components #UIDesign #Development
A story about how it’s possible to visualise the (positive) impact of a design system using git-log to extract data about changes in a codebase and D3.js to draw them along a timeline.
|
|
|
#React #JS #WebDev
Curious about React? Here's a simple way to understand the hype around one of the world's most popular JavaScript library.
|
|
|
#FramerX #Prototyping #React #JS
Master interactive design with Framer’s detailed tutorials on visual design, interactive design and more.
|
|
|
#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.
|
|
|
#DesignSystems #Resources
An organized and frequently updated collection of Design System examples, resources, tools, articles and videos.
|
|
|
#DesignSystems #ProductDesign #UIDesign
I fell into this role following my passion to learn, create, and educate. You can’t exactly study design systems in school, so to be successful in this field you are constantly reaching out to learn…
|