Git Product home page Git Product logo

sketch-isometric's Introduction

Sketch Isometric Plugin v4.2 Ctrl + shift + I

Generate Isometric and 3D Rotation views from Artboards and Rectangles in Sketch app.

Single Isometric example

Video Tutorial from Skillthrive

Single Isometric Video Tutorial

Steps

  1. Select source Artboard / Rectangle
  2. Hit Ctrl + shift + I or Run plugin from 'Plugins > Sketch Isomeric > Generate Isometric View'
  3. Select Rotate direction, adjust 'Depth' and 'Scale' as per your requirements and hit 'Done'
  4. Use Magic Mirror (free version) or Angle Plugin (free) to map the contents of your artboard to the generated isometric shape.

This plugin DOES NOT

  • Map artboard contents to the generated isometric shapes. See step 4 above for details.
  • Support rounded corners. If anyone knows how to do this, please reach out to me.

More examples ...

Single Isometric example Single Isometric example Single Isometric example Single Isometric example

Can we have some GIFs please ...

Single Isometric example Single Isometric example

Features

Rotation direction

Single Isometric example

Depth

Single Isometric example

Scale

Single Isometric example

Color

Colors of the sides can be changed manually after quiting the plugin. Just select the appropriate shape and update fill with your desired color. Single Isometric example

Map Top Surface

Magic Mirror plugin can be used to map the desired artboard on top of the Isometric view. Single Isometric example

Installation

Recommended

  • Install via Sketch Runner or Sketchpacks by searching for Sketch Isometric.

Old-Fashioned

Make sure you have the latest version of Sketch installed. (Sketch 40+)

  1. Download the ZIP file of this repository
  2. Double click on Sketch-Isometric.sketchplugin

You can also do isometric illustrations like these ...

Single Isometric example Single Isometric example Single Isometric example Single Isometric example Single Isometric example Single Isometric example Single Isometric example

Contact me

Feel free to contact me for any suggestions or critique.

Email: [email protected]

Portfolio

Thanks / Credits

Thanks to Gokulan Vikash for collaborating and adding really cool features.

Illustrations inspired from Nitish Khagwal, Cognitive-scale and many others.

Thanks to Tim Wantland and Kyle Pedersen for inspiration and moral support :)

sketch-isometric's People

Contributors

matej-marjanovic avatar sureskumar avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.