Hi! I'm Sean Connolly, a product designer here at Crema, and we
recently put together a video to see how Figma works on iPad with
iPod OS in the desktop version of Safari.
Long story short, it didn't work at all really. But a number of
you have been asking about some other functionality in that
video.
So as we address some of those comments we're discovering new
things.
And recently I kind of figured out that Chrome, the desktop
version of Chrome, actually works really well with Figma on
iPad.
So I wanted to do a quick follow up video to show kind of what
that looks like, because it's a bit different than the desktop
experience, but it's really close.
So that gets me pretty excited for the future of Figma.
Ok.
So I've connected my wireless mouse.
I have this horrible cursor on my screen here. It's a giant
circle.
And I have Figma pulled up.
So I have it in Chrome, and again, by default the Chrome
browser on iPad just goes to the mobile site.
So the first thing we'll do -- you'll notice that it's the
mobile site here.
If there were comments you could see then them here.
But you can't edit the content.
So the first thing we'll do is go and actually request the
desktop site.
You can do this on your mobile phone, you can do it on iPad.
So this the way to get to this full experience.
And so a couple of things that I can point out right away is that
to zoom you still have to pinch to zoom which is an OK
experience.
I mean, it definitely works, but not something you're familiar
with.
If you use a mouse and a keyboard you would hold down
command and zoom in and out.
But for here you have to pinch to zoom.
So I think that's unique.
And but not again not unfamiliar if you use iPad for anything.
But here you can see we do have the full site now.
You have your letters list over here.
Your components panel over here.
And as you click into things that stuff pops up I think on
the Safari version I wasn't even able to click into a box like
this where I could adjust the width of an object.
So that's pretty cool.
Also I just hit CTRL+Z to undo that action which is totally
bizarre if you use a Mac.
It's always CMD.
But for for some reason on the iPod Touch Cover its CTRL+Z.
So to undo, that's how you do it.
Also, there's no escape key, which I find myself using a lot.
When I dug down deep into a group of layers,
hit escape a number of times to exit out of that down there.
Supposedly, keyboard shortcuts that I can't get to work like
control bracket, things like that don't seem to work for me
here.
So escaping this is kind of difficult. You might need to
select one of the different tools here to kind of get out of
what you're selecting and then click somewhere else.
So that's maybe a way to do that.
But what I'll show too is that clicking into a group you can
actually click objects here.
Again this is like already a much better experience than
Safari, but you can click into groups. And something I've
noticed is that typically, you could double click into that
group or hold command to select those lower level layers but you
can't seem to do that here.
So I don't know what that restriction is.
So to select a lower level layer you would click over into the
layers panel, unfurl that menu, and select layers that way.
But from here you can do all the things you'd want to do.
Again better than a Safari experience and pretty close to
desktop.
So here we can change the color and something that I noticed as
I was experimenting is that typically you can go over to
this box here and drag this little dot around to choose a
color.
You can't seem to do that.
So, you can see the the whole canvas here is flexing up and
down so you can click into specific places but you can't
drag that around like you might be used to.
And I think no I'm pretty sure you can yeah.
So you can still click into that that hex value oh and kind of
control down through there.
So that's something, again, unique to Figma where you can
kind of scan through colors like that.
But otherwise, that's pretty normal.
You can still do gradients and things like that.
I think this was something I saw even using the Safari version is
that it renders gradients a little bit weird.
So that that is likely just I don't know could be an issue
with the screen or something like that. But you'll see that
might look weird.
And yeah, i'll show some of the other basic functionalities.
Holding the spacebar down and dragging around the canvas.
That's normal.
That's how it would feel on a Mac.
A lot of other keyboard shortcuts remain.
So dragging this frame out, I'm just holding down Option and
dragging that out although CTRL+Z is what undos an action
-- undos? Undoes an action.
So although CTRL+Z is the way you undo things, the way you
copy paste is the same.
So that's still CMD+C and CMD+V so I'll try to copy that into
this frame here.
So that's normal.
That feels right.
If you're using a Mac, you just saw me draw a frame which I
couldn't do in my past experience with Safari.
So you can draw a frame to whatever size you like.
So that's really cool to see that.
And as always, you can select a frame. Default frame from your
list over there.
So.
So that's great.
You need that kind of functionality and within a frame
certainly you can drag in shapes rectangles do a circle.
So again this is already like far ahead of what I experienced
in the last video text.
I notice a weird bug here so I can draw a box of text and say
this is text and again there's no escape key.
So normally I would just hit escape to exit that box.
Now I've exited that I can select my person over here and
as I zoom in you'll see this box isn't selected but you'll see
that little active text indicator there.
And that's a bug as far as I can tell.
So I can even delete that and that little thing remains.
So that's kind of interesting and kind of bugs me.
You can refresh or start a new page.
And that goes away.
But that was really interesting that little cursor sticks
around.
But again, you can put text on your document.
You could do that in safari as far as I can tell it's pretty
darn close to the real thing.
Commenting works, so that's great.
And you know what?
We can try doing a prototype because I haven't done that yet.
So we're doing it live. So I'll connect that to this page and
connect the circle and then we'll see what it looks like.
So prototyping works.
You can connect everything.
Actually, think that worked in Safari too.
But that's good to know that you can prototype.
Ok.
As you've seen we've only played with a couple of the features
but they're core features and they pretty much work.
It feels a bit clunky.
I don't feel like I'm working as quickly as I might on a desktop.
And I really don't care for this big fat round cursor.
It makes it hard to be kind of precise and when you're in Figma
it does snap to pixel grids but you have to be pretty close to
be able to see something like that.
And that big cursor just kind of gets in the way.
But otherwise it's pretty close to the real experience.
It's exciting because it means that it will only get better.
And if Chrome can do this, certainly Safari and Firefox or
whatever browsers there are.
So I think we're getting pretty close to a point where you could
basically just be on an iPad and do product design work maybe
some people do that now.
If that's the case like let us know how you do that.
So I think the more exposure people have to tools like this
and the more content that's made about tools like this and the
way we use them in our workflow the more incentive figure has to
make these tools better for us to better serve the community.
Hey thanks for watching.
Continue to leave comments below and we'll answer them as we can.
And as always we'll be learning right beside you.