|
|
#Sketch #UIKits
Design with a Speed of Light. Get over 2000 Components connected with 600+ Configurable Styles. Prime is like 7 kits in One. It includes UI elements, Web & Mobile Templates, Illustrations, Icons, Charts and even Vector Device Mockups.
|
|
#DesignSystems #Spacing #BestPractices
I’ve long referred to Color, Type and Icons as the “Big 3” of a system’s visual language. All UI components — from Buttons on up — are built with them. But I left something out. Space, our final…
|
|
#Sketch #Announcements #UIDesign #Productivity
I am so excited about Sketch 69! Color Variables, Components View, and a new Insert Window — make Sketch an even better solutions for design systems.
|
|
#Sketch #HTML #Tools
Forget about absolute positions and hundreds of HTML/CSS lines, just get clean code.
|
|
#DesignSystems #BestPractices #Resources
A guide to help standardize the UI Components naming for your Design System (Design Pattern Library)
|
|
#Sketch #Tutorials #SmartLayout #Videos
“Get an overview of how Smart Layout can supercharge your Symbols and turn them into reusable, responsive components that resize to fit their content.”
|
|
#Protopie
Components are saved sets of layers and interactions that are reusable across your prototype. You can turn any set of layers and interactions into a component and reuse it by creating instances of a…
|
|
#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.
|
|
#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.
|
|
#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.
|
|
#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 ✨
|
|
#Sketch #RWD #Productivity #DesignSystems #DesignPatternLibraries #Tutorials
Great tutorial by Marc Andrew “Although Atoms, Molecules and the like (that’s Buttons, Text Fields etc… for us regular folk) are the basic, core elements of any great Design System. The real fun begins when you start bringing…”
|
|
#FramerX #Development
In Framer X, we introduced code components, re-usable elements that can be programmed from scratch, based on React. You can create your own, or install them from the Store. Within these components…
|
|
#FramerX #Components #Productivity
|
|
#FramerX #Courses #Prototyping #React
Design and code components in Framer X. Your components can be the single source of truth. Designers can now collaborate with developers in creating consistent, production-ready components.
|
|
#Atomic #Prototyping #JS
Make a dynamic shopping cart prototype using components, data and JavaScript
|
|
#Zeplin #Sketch #DesignPatternLibraries #Productivity #Collaboration #Development #handoff
Let’s start with a huge thank you. It’s been almost 3.5 years since we released Zeplin and it’s now being used by thousands of teams, more than 1.5 million people, from all around the world. Today…
|
|
#Sketch #Plugins #MaterialDesign
It starts with a powerful Sketch plugin Material Theme Editor that can potentially replace Craft, InVision, Zeplin, and supercharge the dev process with Material Components. Yep, that’s just a start…
|
|
#UIDesign #BestPractice #Usability
Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface, forms are one of the most important components of digital product design. This article focuses on the common…
|
|
#Atomic #Prototyping #Advanced
Make a dynamic shopping cart prototype using components, data and JavaScript.
|
|
