- To start with, I was a bit unsure of the eraser,
because it doesn't work like the eraser does in Procreate
or in Concepts where, as you rub something out,
it just rubs out the line, you know,
like that you're drawing over.
(cheerful music)
Good morning, friends.
Welcome to a very gloomy Friday, honestly.
I don't know if you can,
no, it's not gonna focus.
But it's been gray and rainy here for like,
I wanna say almost two weeks.
I think it has literally been two weeks.
Just way too long.
Not what I signed up for when I moved to Spain.
And if I look at the weather app.
Ooh, it's actually promising.
A tiny bit of sunshine on Sunday,
so that'll be nice, 'cause yeah,
haven't seen the sun much lately
and I definitely feel like it's been affecting my mood.
But anyway, here we are.
We've gone through the week.
It's been a good productive week all round.
I'm starting work a little bit earlier today
because I've got some mentoring calls this evening,
and, you know, wanna make sure
that I get my work in before then.
So yeah, just eating my breakfast.
I've been filming some clips for my daily routine video
that I think will be coming out after this.
So stay tuned for that.
I've been putting together like an explanation
of the changes that I made
to like have a better work-life balance,
and just yeah, have some more time
for myself in the mornings,
'cause I felt like I was just like waking up,
rushing to the computer and like,
you know, getting into the day,
and just never having any like margin, you know?
So yeah, stay tuned for that.
But yeah, I'm just gonna eat my breakfast,
my usual, avocado and cream cheese on toast with an egg,
and I get into it.
Sorry for the lighting.
Oh my God. I'm a terrible YouTuber.
(mellow music)
Actually decided to put some makeup on today,
because I'm gonna do a live stream, I think,
and while I do some wireframing.
Normally I our live stream in the afternoons,
but because I have mentoring sessions
and also a couple of longer meetings this afternoon,
that's not gonna be possible.
So yeah, we'll see how a morning live stream goes.
I'm sure that there'll be much less people turning up
'cause most people are based in the US.
Starting my day with my usual checking through Slack,
going through notifications and, you know,
messages that came through after I signed off.
Right now, I'm reviewing a video walkthrough, like a Loom.
I actually use something else, CleanShot,
not Loom that David, the designer of my team,
uses to share an update on a project,
which is so great for working asynchronously.
He just makes a little video,
walking through, talking through his thinking,
sharing the designs,
and then I'll go on the Figma file
and leave some feedback as well.
I won't show you 'cause I haven't asked his permission.
I don't know if he, like, I don't know,
wants to share this stage of the project.
Yeah. He's doing great work.
So it's very exciting to see it
and give feedback on it.
I don't know what is up with this cat,
but he is just very meow-y
and running around all over the place, aren't you?
What do you want?
What can I do for you?
No.
(mellow music)
Okay, I've just updated the Figma app on my iPad
and I'm excited to get in and try out FigJam
with this, yeah, new functionality.
So that I'm like, I don't know,
not going in totally blind on my stream,
I'm just gonna open up a random FigJam file
and just like get a feel for it.
But we'll actually use it
for the first time live on the stream.
I think this is gonna be really good.
Cool. I'm excited.
All right.
I'm gonna get started with the streaming.
I have my second monitor set up over here
that I've been using recently for live streams
so that I can see the chat easier.
Headphones on. Let's get into it.
(upbeat music)
Testing the volumes.
Hello, friends.
(upbeat music)
Stream done.
That went well.
That was really fun to hang out and do a morning stream.
I definitely think that FigJam will become my tool
for wireframing from now on,
because it was so awesome to be able to,
let me just show you, in case you didn't watch the stream,
what I was able to do.
You can copy and paste things from FigJam into Figma.
So I have here the wireframe
that I drew in the FigJam file.
This was the file.
You can like copy. Whoop.
Let me just Command + C.
Come over here and paste into a Figma file,
which is really cool.
I knew you could copy and paste things
from FigJam into Figma,
but I didn't think that your drawn elements
would come through as vectors, you know?
This is a way to get hand-drawn vectors
into your Figma file.
Very, very cool.
So yeah, that was handy to be able
to put the wireframe right in next to,
I don't know what you call this stage of wireframe,
like, actually readable and understandable wireframe?
I don't know. I don't know what to call it.
But yeah, that was cool.
As you know, if you've seen,
I'm gonna try to get the corner right.
This video. Please tell me it's in that corner.
That was the wireframing,
like how I wireframe websites video that I made,
showing you how I, used to anyway,
do all my wireframing in the Concepts app on iPad.
But I think FigJam will be the new go-to for wireframing
because of how, you know,
integrated it is with the tool I then use
to do the high fidelity stuff.
Does have its quirks.
Like one thing I found out very quickly
is you can't just do like a double-tap,
tap with two fingers to undo,
which is what you can do in Procreate.
As I was drawing, I would find
that I would accidentally draw with my hand,
like the base side of my palm, I guess,
a bunch on the screen.
And the toolbar at the bottom, you can't move it.
Like, it stays stuck to the bottom.
And I feel like since I'm drawing like this,
let me demonstrate, drawing like this,
that I felt like the toolbar
was right where I didn't wanna press anything accidentally.
So I was like a little bit hesitant about that,
but it actually turned out to work fine.
Like I didn't accidentally drag a sticky note in
or anything like that.
But yeah, I just would love to be able
to have it sitting on this side
of the screen instead, you know,
instead of being at the bottom for when I'm drawing.
The tool does nice smoothing.
Like, if I,
let's see if I can hold it up like this
and draw for you.
If I draw a really crappy line, (groans)
it makes it nice and smooth around the edges.
That was a terrible demonstration.
You're just gonna have to try it out for yourself
and believe me.
You know, the highlighting's nice.
To start with, I was a bit unsure of the eraser,
because it doesn't work like the eraser does in Procreate
or in Concepts where, as you rub something out,
it just rubs out the line, you know,
like, that you're drawing over.
Instead, if I zoom in and show you.
I don't know why I'm doing it this way.
So yeah, I can erase this whole square right here
by just going bloop.
And then it all disappears,
instead of it just like erasing
where my pencil had dragged.
To start with, I thought that was gonna be a problem,
just 'cause it felt weird, wasn't what I used to.
But turned out, really like it.
I think it makes much more sense 'cause it's,
you don't have to be super accurate
with what you're erasing,
and you don't end up accidentally,
like, erasing part of a line next door
and then, like having to fill it in again or something.
Definitely does feel like it's drawing tools
that are designed for the purpose
that I'm using it for, right.
Which it is, so yeah, that's why I think
also, it's gonna be what I do
my wireframing in going forward.
Anyway, the next thing that I'm gonna
is document a little bit of the wireframe
that I just set up.
Let me turn the guides off so you can see it a bit better.
This is the wireframe.
I think it was this one that I liked
that I ended up on for our Product Overview page.
So I'm just going to, first of all,
I need to mark it up on mobile
before I show the team,
just because that's always...
I feel like mobile lives in my head
most often, at this stage.
Like I know what I'm gonna do
with each of these pieces on mobile.
Or know I could very easily figure it out.
But it's always a question the team asks
is what does this look like on mobile,
which is a very fair question, good thing to ask.
So I'm gonna mark it up and make sure
I'm showing them that alongside it.
But yeah, then also do some notations and things
to walk them through various parts of the design.
Like this piece here is gonna be an image that stays sticky.
So as you scroll, it'll like go, woo,
down to the bottom of that container,
so it's always sitting next to the text.
At least that's what I'm imagining right now.
Yeah.
I also have my meetings for the day
starting in just 50 minutes.
And so, that is not a whole lot of time.
Wow. This day is really getting away from me.
(bright music)
Oh man. I feel like today is just like flying by.
Whoa.
Okay, so since the last time I talked to you,
David and I had a call with Joey Banks
who used to work at Figma, is now at Twitter,
and is doing like design systems consulting.
And yeah, we had him give some feedback
and some advice and pointers
on the marketing design system we're setting up.
It was super valuable,
and I was kind of like, dammit,
I wish that this was not on Friday, honestly,
because now I just, like, wanna dig in
and be working on a design system.
And instead, I'm in calls mostly for the rest of today.
And then obviously, it's the weekend,
and design system work does not happen on the weekend.
Still though, that was really great.
And now to end up my day,
I have a couple of mentoring calls.
I just got off one,
and then I have another coming up
in just five minutes here.
So I was just reviewing what the person
who booked a session wants to talk about.
But yeah, just had a really great chat
with someone who wanted advice on their website,
like the service they're offering to clients
and the way they're communicating that on their site.
So that was really cool.
The fun thing about mentoring
is that it feels like everyone
wants to talk about something different so far.
And it's always like, I don't know,
those nuances, like, a lot of people
want me to review their portfolio site.
But everyone is always coming at it from a different angle
or like is working in a different niche.
So it's really exciting to, yeah, get to do that.
If you would be interested in booking
like a mentoring session with me,
then I'll leave a link down below in the description.
I only offer up six per month
because I'm trying to like make sure
I'm not getting overwhelmed,
and that I'm still dedicating time
to making my content, doing my job,
running the team at ConvertKit.
So yeah, not many sessions.
But if you want one, then if there's lots available,
it'll be in the link below.
I think I'll end this video here though.
Thank you for watching and coming along with me
as I tried FigJam on iPad for the first time.
Stay tuned, 'cause I'm gonna have a video coming
that's like a FigJam 101 that I was planning,
honestly, before I started wireframing in it.
But yeah, I just wanna do an intro walkthrough,
through the tool, like I've done
for a few other pieces of software.
And my daily schedule routine video
will be coming soon, too.
So please subscribe, if you're not already, to my channel
and you wanna see those videos.
It means a lot to me to see that subscriber number tick up,
even though I know
in the grand scheme of the world, it means nothing.
It means something to me.
All right. Thanks for watching.
Have a good week and I'll see you next time.
Bye.
(bright music)