Introduction · react-sketchapp ReactのシンタックスでSketchが動くらしい。 なんだかすごそう（小並感 インストール 公式のまんま git clone https://github.com/airbnb/react-sketchapp.git cd react-sketchapp/examples/basic-setup && npm install basi…

React Sketch.app で何ができるのか見てみた

設計 Sketchを使って作りました。 よくある形です。 本棚は3段にして、下はおもちゃ箱です。 扉が開閉します。重いので1歳のうちの子は開けることができないです。 近くのナフコに89mm * 19mm * 183mmの木材が200円で売ってたのでそれで作れる範囲にしました…

DIY子供の絵本棚

github.com Sketchのカラーパレットを使いやすくしてくれるプラグインです。 カラーパレットってのはこれのことです インストール plugin用ディレクトリにクローンしましょう cd ~/Library/Application Support/com.bohemiancoding.sketch3/Plugins git clon…

Sketch Plugin 「Sketch-palette」

今回はSketchからインポートしてアプリを作成します。 Fuseプロジェクト作成 先にプロジェクトを作っておく必要があります % fuse create app SketchSample Sketchのプロジェクトを作成 今回はサンプルで以下のようなアプリのデザインっぽいのを作りました。…

Fuse Sketchからインポートする

最近知ったワンソースでiOS,Androidのアプリが作れるツール「Fuse」 なんとSketchから直接インポートでアプリが出来るというかなり良さ気なツールです！！ Sketchの変更をリアルタイムで実機プレビューが出来るらしい。。。素晴らしい。 ってことで導入 イン…

Fuse インストールからAndroid実機リアルタイムプレビューまで

アプリやWebのデザインやってるとレイアウト違うけどテキスト同じって場合ありますよね。 複数ある場合全部変えるの面倒ですが、Sketchなら共通化できます。 共通化したいテキストを選択してツールバーにある上記のボタンを押してシンボル化します。 あとは…

テキストの共通化