Skip to content
Fill selected layers in Sketch with free stock avatars
Branch: master
Clone or download

Latest commit

Latest commit 2cb48d3 Dec 23, 2018


Type Name Latest commit message Commit time
Failed to load latest commit information.
TinyFaces.sketchplugin/Contents/Sketch Final minor Dec 23, 2018
assets Support latest Sketch (#24) Dec 23, 2018
images New gif Feb 7, 2017
src Support latest Sketch (#24) Dec 23, 2018
tinyfaces.sketchplugin/Contents Final minor Dec 23, 2018
update Update appcast Feb 26, 2018
.appcast.xml Update .appcast with new tag Dec 23, 2018
.gitignore Support latest Sketch (#24) Dec 23, 2018 merge Dec 23, 2018
package-lock.json Publish 0.3.0 release 🚀 Dec 23, 2018
package.json Publish 0.3.0 release 🚀 Dec 23, 2018

TinyFaces 👦🏼👨🏾👩🏻 Sketch Plugin

Fill layers in Sketch with avatars & random data from


  • 📒 Fills text layers with random names
  • 👦🏼 Fills shapes with random avatar stock photos
  • 👨‍👩‍👧‍👦 Supports groups
  • 💟 Supports symbols
  • 🎚 Choose between high quality or low quality images
  • 💑 Filter to only male or female

Check out how it works:



This plugin was created using skpm. For a detailed explanation on how things work, checkout the skpm Readme.


Install the dependencies

npm install

Once the installation is done, you can run some commands inside the project folder:

npm run build

To watch for changes:

npm run watch

Additionally, if you wish to run the plugin every time it is built:

npm run start

Custom Configuration


To customize Babel, you have two options:

  • You may create a .babelrc file in your project's root directory. Any settings you define here will overwrite matching config-keys within skpm preset. For example, if you pass a "presets" object, it will replace & reset all Babel presets that skpm defaults to.

  • If you'd like to modify or add to the existing Babel config, you must use a webpack.skpm.config.js file. Visit the Webpack section for more info.


To customize webpack create webpack.skpm.config.js file which exports function that will change webpack's config.

 * Function that mutates original webpack config.
 * Supports asynchronous changes when promise is returned.
 * @param {object} config - original webpack config.
 * @param {boolean} isPluginCommand - whether the config is for a plugin command or a resource
module.exports = function(config, isPluginCommand) {
  /** you can change config here **/


To view the output of your console.log, you have a few different options:

  • Use the sketch-dev-tools
  • Open and look for the sketch logs
  • Look at the ~/Library/Logs/com.bohemiancoding.sketch3/Plugin Output.log file

Skpm provides a convenient way to do the latter:

skpm log

The -f option causes skpm log to not stop when the end of logs is reached, but rather to wait for additional data to be appended to the input

Publishing your plugin

skpm publish <bump>

(where bump can be patch, minor or major)

skpm publish will create a new release on your GitHub repository and create an appcast file in order for Sketch users to be notified of the update.

You can’t perform that action at this time.