If you use Photoshop and sketch to do interface design, there will certainly be a problem, that is, the need to fill a lot of real images into the interface. This process is a waste of time, is there any way to save time? Of course there is, that is craft.
Download Address:
Craft Official website (enter the mailbox, click "Get It Free"): http://labs.invisionapp.com
Network Disk Link: http://pan.baidu.com/s/1eQPDSS6
What's the craft's function?
Because the stinky does uses the sketch mainly, therefore the content also takes this primarily. The functionality of Photoshop is exactly the same, so it's no longer a repeat demo.
Text Auto Fill
Simple word, can fill a lot of English class string. Including name, title, article, date, email, city, address, country, currency and so on are all OK. However, because it is not English, it still seems a little chicken.
Then what?
Remember that tab bar has a "web" option? Click on it, and enter the site you think might be able to find the corresponding thing. The following figure, as long as the box selected content will be automatically populated.
This function is too practical, tears. Finally do not have to switch back and forth the program.
For a specific animation demo, please look at the following figure:
Picture Auto Fill
We can import photos from Dropbox, computer folders or networks into the design interface.
The craft plug-in can quickly add real images to the interface. and provide a sufficient number of options to add.
1 randomly add images from Unsplash.
2 from their own folders, and even the image of the image crawled.
3 Add images from any Web site in the same way as text fills. (Note the use of Image copyright)
▲CRATF Image Fill Demo--unsplash fill
▲CRATF Image Fill Demo--Populate from any page
repeating element auto-change padding
This is the most attractive place for craft plug-ins, the real convenience and time saving features. In the past we want to copy elements, but also to consider the number of copies and spacing and so on, the simplest way is only "Alt + drag", of course, some plug-ins can achieve rapid replication.
But the biggest benefit of craft's replication capabilities is that it automatically completes all of the above features and automatically replaces images and text. No manual processing is required to achieve a full high-fidelity interface. It's so cool!
Here is the moment to witness miracles.
Installation steps for Craft:
1) Download installation package, decompression
Depending on whether you are a win or Mac system click on the corresponding file (pictured below). If you are using sketch, click Sketch, and if Photoshop is the same. Of course, all two clicks are OK.
2 Open sketch or Photoshop to see if the installation is successful
When you open sketch, you will find that a new panel appears, indicating that the plugin has been successfully installed.
Turn on Photoshop to >duplicate/photo/type the window > extended feature to indicate that the plugin has been installed successfully.
Shortcut keys for craft
Its most useful is to fill the photos, although the text can also be filled, but the basic English text, not particularly useful.
God function A: Insert the image of the folder (the best Feature): Shift + Ctrl +1
God function B: Randomly insert a picture from Unsplash (Unsplash is a good quality wallpaper gallery) Shift + Ctrl + 3
God function C: Insert Picture from Drapbox (because the wall is not so big for domestic use) Shift + Ctrl + 2
Similar plug-ins:
Photoshop Platform: uberfaces
Shetch Platform:
Content Generator
Unsplash It
References: Sketch.app & craft:a Match Made in real Data heaven
Category:
- PS Getting Started Tutorial