Coding Animations and Overrides - Design and Code in Framer X - Design+Code
Animatable values In Framer X you can animated values which can be a color, a string or a number. Animation curves This is something powerful and unique from Framer X, you can add different animation curves like linear, spring and bezier. This opens many options to mimic even the most complex animations all inside Framer X. linear, ease, easeIn, easeOut, easeInOut with options {duration: 1} spring
ProtoPieでつくるUIアニメーション｜RyosukeFujiki
【ProtoPieとは？】ProtoPie とは、デザイナー向けに開発された、コードレスで簡単にプロトタイプが作成できるモックアップツールです。非常に簡単に素早く作れることから、” Prototyping as easy as PieProtoPie ” が ProtoPie の名の由来にもなっているようです。 ProtoPie 公式より [ https://www.protopie.io/ ] Sketch からインポートができ、スクロールやページングだけでなく、細かいインタラクションまで表現できる素晴らしいソフトウェアです。 今回はこの ProtoPie を用いて、UI アニメーションをつくってみたいと思います！ [ ProtoPie に関するより詳しい記事はこちらから] “最も早くプロトタイプが作れる”と噂のプロトタイピングツール「ProtoPie」を使ってみた さよなら Pixat
Framer.jsに興味を持ったら ~tutrial, moduleまとめ~ - Qiita
※ 随時更新 元ソース Framerの学習曲線 ① Framer.jsの公式サイトのチュートリアルを一通りやってみる ② Galleryサイトやソースの上がっているプロジェクトの中から面白いと思ったプロジェクトを選び、真似してみる みたいな感じに進めれば、使い勝手も良くなり業務でも使えるツールになってくると思います。 Tutrials/examples いいExapmleの探し場所... 公式Gallery 公式のExampleが一番。やりたいことが大体揃っている UPLabs 最近プロジェクトの投稿数が伸びてきた、dribbbleよりも実用的な投稿が多いサイト。"framer"のタグで検索するとソースコードごとダウンロードできるものが結構見つかる。 FramerCode 一番クオリティが高く、そして実用的なtutrialが載っているサイト Farid SabitovのDribbbleペー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - GuoChen-WHU/react-native-pinch-zoom-view: A pinch-to-zoom view for React Native.
GitHub - conradlo/react-pinch-and-zoom: A react container component with pinch-to-zoom gesture interaction.
30 Days of Framer X
