Framerで始めるプロトタイプコーディング

•

0 likes•1,668 views

WPJ Conference Vol.1 DESIGN meets CODE at 2017.2.4 SAT.

こもりまさあき WPJ Conference Vol.1 DESIGN meets CODE at 2017.2.4 SAT.

自己紹介

Framerの基礎知識
Framer Basic

DEMO

SketchからFramerに渡してプロトタイプを作り込む
Import assets from Sketch

DEMO

Framerで始めるプロトタイプコーディング

Framerで始めるプロトタイプコーディング

Framerで始めるプロトタイプコーディング

Framerで始めるプロトタイプコーディング

More Related Content

More from masaaki komori

レスポンシブEメールを作ろうmasaaki komori

Bootstrapはこう使うmasaaki komori

デバイス多様化の時代のWeb制作

デバイス多様化の時代のWeb制作

デバイス多様化の時代のWeb制作masaaki komori

2015年のWebサイトの作り方 at 67ws

2015年のWebサイトの作り方 at 67ws

2015年のWebサイトの作り方 at 67wsmasaaki komori

Webデザインと開発の未来masaaki komori

Framerで動くモックアップを簡単作成

Framerで動くモックアップを簡単作成

Framerで動くモックアップを簡単作成masaaki komori

Sketch 3 Basics at kkmsz

Sketch 3 Basics at kkmsz

Sketch 3 Basics at kkmszmasaaki komori

Re:Cre Vol.14 | Web design process for the future

Re:Cre Vol.14 | Web design process for the future

Re:Cre Vol.14 | Web design process for the futuremasaaki komori

Web Design Process for The Future

Web Design Process for The Future

Web Design Process for The Futuremasaaki komori

Web Design Process for The Future

Web Design Process for The Future

Web Design Process for The Futuremasaaki komori

groundwork-pasona-tech

groundwork-pasona-tech

groundwork-pasona-techmasaaki komori

インブラウザ勉強会 Vol.1

インブラウザ勉強会 Vol.1

インブラウザ勉強会 Vol.1masaaki komori

設計から実装まで、今すぐ始める高速化

設計から実装まで、今すぐ始める高速化

設計から実装まで、今すぐ始める高速化masaaki komori

Sublime Text 2 Basics

Sublime Text 2 Basics

Sublime Text 2 Basicsmasaaki komori

Web制作者は変化についていけるか？変化についていくべきか？

Web制作者は変化についていけるか？変化についていくべきか？

Web制作者は変化についていけるか？変化についていくべきか？masaaki komori

Mastering Sublime Text 2

Mastering Sublime Text 2

Mastering Sublime Text 2masaaki komori

Getting Started with Sublime Text 2

Getting Started with Sublime Text 2

Getting Started with Sublime Text 2masaaki komori

HTML5 Web Design Workflow

HTML5 Web Design Workflow

HTML5 Web Design Workflowmasaaki komori

Web Site Optimization for Beginners

Web Site Optimization for Beginners

Web Site Optimization for Beginnersmasaaki komori

Amazon S3 and CloudFront, Route 53

Amazon S3 and CloudFront, Route 53

Amazon S3 and CloudFront, Route 53masaaki komori

More from masaaki komori (20)

レスポンシブEメールを作ろう

Bootstrapはこう使う

デバイス多様化の時代のWeb制作

デバイス多様化の時代のWeb制作

デバイス多様化の時代のWeb制作

2015年のWebサイトの作り方 at 67ws

2015年のWebサイトの作り方 at 67ws

2015年のWebサイトの作り方 at 67ws

Webデザインと開発の未来

Framerで動くモックアップを簡単作成

Framerで動くモックアップを簡単作成

Framerで動くモックアップを簡単作成

Sketch 3 Basics at kkmsz

Sketch 3 Basics at kkmsz

Sketch 3 Basics at kkmsz

Re:Cre Vol.14 | Web design process for the future

Re:Cre Vol.14 | Web design process for the future

Re:Cre Vol.14 | Web design process for the future

Web Design Process for The Future

Web Design Process for The Future

Web Design Process for The Future

Web Design Process for The Future

Web Design Process for The Future

Web Design Process for The Future

groundwork-pasona-tech

groundwork-pasona-tech

groundwork-pasona-tech

インブラウザ勉強会 Vol.1

インブラウザ勉強会 Vol.1

インブラウザ勉強会 Vol.1

設計から実装まで、今すぐ始める高速化

設計から実装まで、今すぐ始める高速化

設計から実装まで、今すぐ始める高速化

Sublime Text 2 Basics

Sublime Text 2 Basics

Sublime Text 2 Basics

Web制作者は変化についていけるか？変化についていくべきか？

Web制作者は変化についていけるか？変化についていくべきか？

Web制作者は変化についていけるか？変化についていくべきか？

Mastering Sublime Text 2

Mastering Sublime Text 2

Mastering Sublime Text 2

Getting Started with Sublime Text 2

Getting Started with Sublime Text 2

Getting Started with Sublime Text 2

HTML5 Web Design Workflow

HTML5 Web Design Workflow

HTML5 Web Design Workflow

Web Site Optimization for Beginners

Web Site Optimization for Beginners

Web Site Optimization for Beginners

Amazon S3 and CloudFront, Route 53

Amazon S3 and CloudFront, Route 53

Amazon S3 and CloudFront, Route 53

Framerで始めるプロトタイプコーディング

1. こもりまさあき WPJ Conference Vol.1 DESIGN meets CODE at 2017.2.4 SAT.

2. 自己紹介

3.

4. Framerの基礎知識 Framer Basic

5.

6.

7.

8.

9.

10.

12. SketchからFramerに渡してプロトタイプを作り込む Import assets from Sketch

13.

14.

15.

16.

17.

18.

19.