|
|
#Framer #Sketch #Figma #Photoshop #Prototyping
Working in Sketch, Figma or Photoshop? Framer offers a fully integrated import workflow, so you can go back and forth as many times as you need. Currently, you can only import a design into Code to start animation.
|
|
|
Learn advanced prototyping in Framer with Davo:
|
|
|
#Sketch #Tutorials #UIDesign #RWD
You start your designs with one image (low res, un-retouched, unlicensed, etc…) and you (or someone else 😈…) want to then swap it everywhere with another one without having to do it manually…
|
|
|
Your dev team has embraced React for front-end development, and adopted Storybook to rapidly build and document components. Your design team, on its part, is using Brand.ai to manage and sync Sketch…
|
|
|
#UIDesign #DesignStystems #FrontEnd #React
|
|
|
#TextEditor #Development #JS #CSS
GitHub is building the text editor they’ve always wanted (and I already ❤️ it too!) hackable to the core, but approachable on the first day without ever touching a config file. Definitely give it a try!
|
|
|
#Sketch #Plugin #Productivity
Fill your designs with photos of diverse users. Resource for images, avatars, and content.
|
|
|
#Sketch #Plugin #productivity
So you want to start writing Sketch plugins, but have no idea where to start? Well keep reading because this article is for you! If you’re like me, trying to find basic concepts out there is not easy…
|
|
|
#Dev #Prototyping #Firebase
My three months of coding bootcamp at the Grace Hopper Program have come to a close, and the title of this article is actually not quite true — I’ve now built three full-stack apps: an e-commerce…
|
|
|
#Twilio #SMS
A visual drag-and-drop interface that allows cross-functional teams to accelerate the development of world-class customer engagement applications.
|
|
|
#Sketch #DesignSystems #UIDesign #Productivity
The system is designed to be lightweight and adaptable to brands, that why many teams find it a really useful tool for building their own libraries based on it. 🖖 Frames Master file is divided into…
|
|
|
#iOS #Swift
Eureka an iOS form builder in Swift made with love by Xmartlabs.
|
|
|
#DesignSystems #Productivity #patterns #UX
The MailChimp Pattern Library is a byproduct of our move to a more responsive, nimble, & intuitive app.
Over the course of two full redesigns and our recent navigation refresh, we've worked to distill most of the MailChimp interface into a set of atomic pieces, forming the pattern library you see here. By documenting and assembling a reference site of our patterns, we were able to speed up our process and solve some internal communication problems. A common lexicon of code and UI elements benefits us in a few ways: - We can build consistently, focusing our energy on workflows and logic, not web forms and list items.
- We can reuse code instead of reinventing the wheel or roping in an engineer.
- We can see all of our patterns in one place, quickly revealing maintenance issues.
|
|
|
#Sketch #Photoshop #Productivity #plugin
Switching from Photoshop to Sketch? Try this Free Online Design Converter built by Avocode
|
|
|
#Email #CSS #HTML
Find an up-to-date guide to CSS support in email. Campaign Monitor includes cutting edge email layout techniques and progressive enhancements.
|
|
|
#UIDesign #DesignStystems #Styleguide
This style guide was created for MailChimp employees, but we hope it’s helpful for other content and communications teams too.
|
|
|
#animation #motion #interactiondesign #UX
Animation can be used to tweak the user’s perception of time, so use this in your favour. For the human brain, anything below 0.1 seconds will seem instantaneous and below 1 second will seem seamless. So, if you have a process that takes 6 seconds for instance, you can break it down in a few separate animations. This trick should make the process feel a lot faster and keep your user engaged. You can also use animation to fake an instant action that will actually take bit longer in the background. This will make the app feel more responsive even though the process still takes longer than what the user sees.
|
|
|
#UX #Research #Video
User experience recording made simple. See the screen, face, voice and touches of your users. Record in-house or remotely and without equipment.
|
|
|
#Animation #mobile #plugins #AFX #handoff
|
|
|
#DesignSystems #Material #UIDesign #Google
Material Design provides a set of tools and guidance to help you make informed decisions about the different UX design directions you could take when creating an app. But what happens when the…
|
|
|
#iOS #DesignGuidelines #Sketch #Photoshop #AdobeXD
Design apps quickly by using Photoshop and Sketch templates, plug-ins, and other preconfigured UI elements.
|
|
|
#Sketch #DesignSystem #UIDesign #BestPractice
Last week Sketch released Libraries in their 47 Beta, my number one dream feature and something I had a chat with Megan Raddatz about in the comment section of one of my articles from last year…
|
|
|
Rather than building a house, designing apps is probably more like composing a symphony. Each profession a separate instrument.
|
|
|
#UX #BestPractice #Psychology
|
|
|
|