|
#XD #UIDesign #DesignPatternLibraries #Prototyping #Components
The latest version of XD allows you to build scalable design systems & easily create & manage reusable colors, styles, & components with your team.
|
|
#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.
|
|
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!
|
|
#UIdesign #RWD #Grids
You looked around, you saw all the arguments on why to use a grid, how to set one up, and you’re totally on board with all of that, but nobody told you how to use one. Same. Technically this article…
|
|
#Sketch #Productivity #Hacks #UIDesign
A few months ago, I wrote this article detailing a hack to solve a problem I was having while setting up a design system: creating a button with an icon and label, which can be stretched while…
|
|
#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?
|
|
#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.
|
|
#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.
|
|
#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.
|
|
#Videos #Talks #UIDesign #Prototyping #UX
Linda Dong began her talk with a hilarious live action reel depicting the expectation vs. reality of using a product-in this case, the Apple CarPlay. Drawing...
|
|
#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.
|
|
#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.
|
|
#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…
|
|
#Figma #UIDesign #Resources #Productivity
Assets, courses, guides, and more! Made by the Figma community, for the community.
|
|
#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
|
|
#Google #Android #AR #Guidelines
Augmented reality (AR) lets you add virtual content to the real world. You can use AR to create experiences that enhance the way people see and interact with the world.
ARCore is a platform for building AR apps. It harnesses the power of Android phones using these key technologies:
- motion tracking
- environmental understanding
- light estimation
ARCore collects that information and uses it to integrate virtual content with the real world.
ARCore works in 2 ways:
It tracks the position of your phone in the real world, and it builds an understanding of your surroundings by identifying walls and floors in the environment.
This spec was created using internal research and analysis of AR experiences in education, shopping, creativity, and gaming. You can use this spec to design practical, innovative, and magical mobile AR experiences.
|
|
#Sketch #Free #UIKits #UIDesign #Resources
Form Library Sketch Resource designed by Davide Pisauri. Connect with them on Dribbble; the global community for designers and creative professionals.
|
|