「STUDIO 3.0」が大型アップデート!コーディング作業は一切不要、国産の無料デザインツール
Post on:2020年6月8日
コーディング作業は一切不要で、Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできるツール「STUDIO」が、去年の4月以来の大型アップデートされました!
新たにCMSが搭載され、リアルタイムの共同編集、デザイン機能も使い勝手がさらに進化を遂げています。もちろん前回アップデートの新ゴやリュウミンなど、モリサワフォント500種類以上の書体も変わらずに誰でも無料で利用可能のままです。
![コーディング作業は一切不要、国産の無料デザインツール「STUDIO 3.0」が大型アップデート](http://coliss.com/wp-content/uploads-202002/2020060710-01.png)
STUDIO 3.0の新機能
STUDIO 3.0で目玉なのは、3つの新機能です。
- 共同編集からレビューまで搭載した、まったく新しいCMS
- UIのさまざまなアニメーションをコードを書かずに実装
- シンボル機能で効率的にデザインを作成
まずは、大注目のCMS機能。
STUDIO 3.0では、プロジェクトのダッシュボードにてコンテンツの管理が可能です。ページの作成をはじめ、リアルタイムの共同編集やコメントもサポートしているので、リモートワークでもチームでのコラボレーションに役立ちます。
![共同編集からレビューまで搭載した、まったく新しいCMS](http://coliss.com/wp-content/uploads-202002/2020060710-02.png)
共同編集からレビューまで搭載した、まったく新しいCMS
デザインツールとしての機能も強化されました!
待望のアニメーション機能がされ、ページ上のさまざまな要素にアニメーションを適用できます。もちろん、コードを書く必要は一切ありません。
![UIのさまざまなアニメーションをコードを書かずに実装](http://coliss.com/wp-content/uploads-202002/2020060710-03.png)
UIのさまざまなアニメーションをコードを書かずに実装
多くのデザインツールに備わっている、シンボル機能も標準装備に。ページで使用する要素をシンボルとして共通パーツ化することが可能になり、効率的にデザインを作成できます。シンボルなので、変更はすべてに反映されます。
![シンボル機能で効率的にデザインを作成](http://coliss.com/wp-content/uploads-202002/2020060710-04.png)
シンボル機能で効率的にデザインを作成
STUDIO 3.0の使い方
STUDIOの使い方をさっと見てましょう。
まずは、STUDIOに登録(無料)して、ログインします。
![STUDIO](http://coliss.com/wp-content/uploads-202002/2020060711-01.png)
STUDIO
※要ログイン(登録無料)
ログインすると、Project Listが表示され、新規プロジェクトを作成します。
![Project List](http://coliss.com/wp-content/uploads-202002/2020060711-02.png)
Project List「白紙」から作成
今回は、「白紙」から「CMS Basic」を選択しました。
![サCMS Basicのテンプレート](http://coliss.com/wp-content/uploads-202002/2020060711-03.png)
CMS Basicのテンプレート
基本的な操作方法は、以前と同じ感覚でした。
![CMS Basicのテンプレート](http://coliss.com/wp-content/uploads-202002/2020060711-04.png)
CMS Basicのテンプレート
前回2.0のアップデートで対応した、モリサワフォント553種類はやっぱりすごいですね!
![無料で利用できるモリサワフォント](http://coliss.com/wp-content/uploads-202002/2020060711-05.png)
無料で利用できるモリサワフォント
STUDIOについての詳しい説明は、以前の記事をご覧ください。
sponsors