Framer web: first impressions

preview_player
Показать описание

Resources

Learn UI Design

Learn SwiftUI

DesignCode
Рекомендации по теме
Комментарии
Автор

If you click on 'handoff' on the upper navigation bar you can also export the code for the animation in Swift and the style of the single components in CSS and JSX.

jonathangardn
Автор

I'm really glad you've started sharing these streams, grateful to you plz keep it up.

shaikhahmaasher
Автор

Awesome to see you putting those live-streams lately!

AndyRSV
Автор

Are you planning to make a course for Framer web?

luman
Автор

The "click and go" aspect of the software seems appealing. As a React dev and a UX designer I'm still having a hard time understanding exactly how the workflow is setup with Framer and Engineering.
• Are we required to use Framer Motion in order to handoff prototypes to my engineering team?
• Do the Framer file settings translate directly to existing Framer Motion components via cut & paste?
• Is Framer Motion optimized for scalability within enterprise apps or is it more "bleeding edge"?
• Do I have to use typescript, learn to convert typescript to plain JS manually, or run a transpiler in order to smoothly turn the code on the Framer code screen into usable code within a real React app?
• What happens when React has a breaking change? Does Framer break?
• Does Framer Motion play well with Spring or MoJS?
• Does Framer Motion allow complex animations of SVGs like MoJS and Spring?
• What exactly are the limits of external NPM packages? Can I use any package like it's a normal React app?

selinov
Автор

I admire your passion & contribution.

uxlordsimplifyingdesignpro
Автор

@designcode Can you prototype websites as well?

hossamsalem
Автор

Framer Web looks pretty slick! I have two questions regarding this though:
1. Can you make your own symbols/components in framer like sketch or figma? So you can design a UI element once, and repeat it with overrides for faster workflow
2. For Magic Motion, is there any way, either through a component, or through code, that you can adjust the different element delays in an animation? (So kind of like a timeline for all the animated elements, like Principle App)

haleemulhassan
Автор

Is this just prototyping or can you build and release a website/app only using framer?

yixe
Автор

I'm with framer since the early days of the Classic... but I'm always wondering, should they change completely the tool everytime ? Couldn't they just have a foundation that they build on top, so people don't have to re-learn things EVERY TIME they decide to do an update?

thalesk
Автор

I tried to do the Design and Code in FramerX and I could barely get past the second tutorial. Is the information there outdated?

AP-pmqy
Автор

Very nice feature, so can we implement codes to other platforms like swift or flutter ?
Thanks Meng and this purple heart 💜 will be always for you 😁

HusamNasrullah
Автор

How do you access the store from Framer web? Trying to download the MapBox package...

lolololololololol
Автор

The first issue I encounter is that all of your videos are made with Pro version of Framer, so for someone with the Free version is king hard to follow. I guess that I can import the iPhone UI Kit from Figma into Framer to follow your tuts.

BneiAnusim