https://github.com/roydigerhund/Images-Reinvented

A better way to use images in Sketch.
https://github.com/roydigerhund/Images-Reinvented

Last synced: about 2 months ago
JSON representation

A better way to use images in Sketch.

• Host: GitHub
• URL: https://github.com/roydigerhund/Images-Reinvented
• Owner: roydigerhund
• Created: 2017-04-17T17:15:48.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-08-22T22:01:51.000Z (over 7 years ago)
• Last Synced: 2024-08-02T07:02:17.235Z (5 months ago)
• Language: JavaScript
• Size: 1.88 MB
• Stars: 29
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-designops - Images Reinvented - must have for images. Creates a mask by default. (Sketch / Design)

README

        
# Images Reinvented

A plugin for Sketch to give you full control over your images with a single click. It creates a group which contains your image and a mask.

## Installation



  





  



You can install this plugin via Sketchpacks, Sketch Runner or manually by following these steps:

1. Download and open "Images-Reinvented-master.zip"

2. Locate and double-click "Images Reinvented.sketchplugin"

3. That’s it...

## How it works

It's really simple!

### Create the image group

- Drag & Drop your image in Sketch

- Click **Create Image Group** or hit **Shift + Cmd + I**

![Create Image Group GIF](/Docs/create-image-group.gif)

### Crop, Resize and Reposition

- change the size of your image and mask by resizing the whole group

- edit the mask to crop your image

- resize and position the image to define the visible section

### Additional Functions

#### Fill Image

Resize the image, so it will fill the mask.

#### Fit Image

Resize the image, so it will fit in the mask.

#### Resize Mask

Resize the mask to the width and height of the image.

### Infos

- With image groupes you can easily overwrite the images in symbols without distorting them because they are fills and will stay proportional.

- By applying one of the functions (Fill Image, Fit Image and Resize Mask) the image layer will check the proportions of the image and resize the image layer if nessecary.

## Feedback

If you have any problems or ideas, please open an issue or send it to [email protected]