There are a couple of ways this can be achieved. For clarity and simplicity, I would recommend using the ModifierChain class. This allows you to chain together modifiers that affect a single renderable. Here is an example of what you are trying to achieve.
Good Luck!
var Engine = require("famous/core/Engine");
var Surface = require("famous/core/Surface");
var StateModifier = require("famous/modifiers/StateModifier");
var Transform = require("famous/core/Transform");
var ModifierChain = require("famous/modifiers/ModifierChain");
var Easing = require("famous/transitions/Easing");
var context = Engine.createContext();
var surface = new Surface({
size:[200,200],
properties: { backgroundColor: 'green'}
})
surface.chain = new ModifierChain();
surface.state = new StateModifier({ origin:[0.5,0.5] });
surface.sizeState = new StateModifier();
surface.chain.addModifier(surface.sizeState);
surface.chain.addModifier(surface.state);
context.add(surface.chain).add(surface);
surface.on('click', function(){
transition = {duration:1000,curve:Easing.inOutQuad};
surface.sizeState.setTransform(Transform.scale(0.5,0.5,1),transition);
surface.state.setOrigin([0.5,0],transition);
});