|
|
|
#Sketch #Flow #Motion #Animation #MobileDev
Flow is a motion-design tool for animating Sketch files and eliminating the most painful parts of hand-off in app development. It bridges the gap between design and development by generating native…
|
|
|
|
#Sketch #React #Plugin #Productivity
Convert Sketch files into React Native components
|
|
|
|
#Sketch #Library #Plugin #Productivity
Replace symbols in the current document with symbols from a Library.
Sketch 47 sees the introduction of Libraries, but migrating existing files to use Library symbols is one of the first big headaches. This plugin aims to help with that by allowing you to replace symbols in the current document with symbols from a Library document - maintaining overrides where possible.
N.B. the plugin currently uses symbol name to work out what to replace with what, so be careful of any conflicts.
|
|
|
|
#CSS #HTML #Handoff
Free viewer for .sketch files for Windows. Lunacy is a viewer as it should be: it works without uploading to the cloud or converting.
|
|
|
|
#ImageOptimization #UIDesign #Productivity
Back in the early days, a Sketch designer typically had to export uncompressed PNG or JPG images from Sketch and then choose a means for compressing those files (if desired) using a 3rd party utility…
|
|
|
|
#Sketch #Autolayout #AnimaApp #Productivity #Free
Download Anima Autolayout and the file below. Enjoy!
|
|
|
|
#Sketch #Library #UIDesign
Hello team!! Finally Sketch 47 is here and, alongside a number of smaller bug fixes and improvements, this latest release includes one of our biggest updates yet.
PRO TIP: when Sketch releases a new version it's VERY likely that some plugins will break or that there might be some bugs. It happens when you innovate fast as the team does.
I highly suggest making a backup of your Sketch app (and any file BEFORE opening it with a new version). Then:
1) Duplicate the Sketch app in the app folder (Command + D)
2) Rename the "copy" with the version number (for example "Sketch App 43.2")
3) Launch Sketch app (not renamed) and check for updates if you are not prompted with an update, and install them
Enjoy both, or more versions of Sketch at once, use them to open files from others that have not or cannot upgrade yet and use the latest one to make sure everything is working in your workflow before making the jump!
Safe Sketching everyone!
|
|
|
|
Learn advanced prototyping in Framer with Davo:
|
|
|
|
A tiny example of how to download a JSON file over HTTP, parse it and populate the user interface based on the contents.
|
|
|
|
#Branding #Dropbox
As our mission has evolved from keeping files in sync to helping teams in sync, we realized our brand needs to change, too. Our new brand system shows that Dropbox isn’t just a place to store your…
|
|
|
|
#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 #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…
|
|
|
|
#Sketch #Plugin #Productivity #Paid
The Merge duplicates plugin will automatically find all the duplicate symbols within your whole Sketch file and linked libraries and prompt you about what to do with them.
|
|
|
|
Pan and zoom your .sketch files canvas directly on the web. Easily share, collaborate, and even go back in time with versions.
|
|
|
|
#Sketch #iOS #Android #React #MobileDev
Supernova converts any mobile design to full-fledged native applications, giving the developers extra time to do actual coding. For iOS, Android and soon React Native.
|
|
|
|
#Atomic #prototyping #tutorials
Download these sample files to learn how to create particular interactions in Atomic
|
|
|
|
#Sketch #AnimaApp #Responsive
1) Download the .Sketch file 2) Edit the symbols and see how they are set up. 3) Change images and focal points and see how they change when you resize them in the main artboard.
|
|
|
|
#Sketch #Anima #Launchpad #Prototyping
Download this file to see see how you can embed a dynamic Google map, or any content you can display in an iframe in a Sketch file. Requires: Sketch 44.1+ & Anima's Launchpad (0.7+) Why pay? I spent some time putting together the file and looking into what's possible and I appreciate your support! :)
|
|
|
|
#Sketch #template
Download this file to learn how to create an icon and turn into a mask, then use a symbol to fill the mask. For symbol overrides in nested symbols to work the symbols must be of identical dimensions. Here the tutorial on how to use it.
|
