An atom package for prototyping interactions using mo.js and framer.js.
Activity: In active development
Stability: Unknown (assume unstable)
Maji Studio is actually an add-on or package for Atom Editor. You need to install Atom first (> v.1.23.0)
sudo add-apt-repository ppa:webupd8team/atom
sudo apt update; sudo apt install atom
Atom > Preferences
(or File > Settings
on Windows).Setting
tab select Install
Maji Studio > New Maji Studio Project
.Create Project
on the popup that appears.maji/<random-project-name>
.In order to view the prototype (only mobile prototypes are available at the moment), preview mode needs to
be activated. To activate Preview Mode using the menu bar select Maji Studio > Show Preview
or press Ctrl+Alt+M
.
Preview Mode can only be activated if there is an active workspace. Open a folder to create a workspace or .framer
file.
The preview pane refreshes each time a file is saved.
Code may be written in either app.js
or app.coffee
depending on whether you are using mo.js or framer.js.
If animating or prototyping using mo.js the better language choice is javascript. Coffee script may also be attempted. It may end badly.
If animating or prototyping using framer.js (github) either javascript or coffeescript may be used.
useMojs();
useFramer();
useFramerWithCoffee();
If coffeescript is selected write your code in app.coffee
There are current only a few commands in Maji Studio. They are as follows.
Ctrl+Alt+M
Ctrl+Alt+C
Ctrl+Alt+N
The motion graphics toolbelt for the web
Website: http://mojs.io/
Github: legomushroom/mojs
Creators twitter handle: @legomushroom
Framer - Design Everything
Website: https://framer.com/
Github: koenbok/Framer
Creators twitter handle: @koenbok
The MIT License (MIT)
Copyright (c) Oleg Solomka @legomushroom legomushroom@gmail.com
The MIT License (MIT)
Copyright (c) 2014 Koen Bok @koenbok
The MIT License (MIT)
Copyright (c) 2017 Alexander Oloo @alekcz alekcz@gmail.com
Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.