Setting up Notion for remote work

You don't have to share an office with your team to get work done. We'll show you how to quickly set up a workspace for your team to collaborate remotely, as well as some tips and tricks along the way. 00:00:58 → Quickly build your workspace with templates 00:05:06 → Create a few shared databases to work together 00:07:07 → Tips and best practices for distributed teams We've also found that Figma, Loom, and Miro make a great compliment to Notion in your software stack, and you can embed each of them directly into a Notion page. https://www.figma.com/ https://www.loom.com/ https://miro.com/


Setting up Notion for remote work

2020년. 당신이 프리랜서 또는 원격 업무를 하는 디자이너라면 꼭 알아야 할 도구 10가지! (Feat. 디너랩 비즈니스 도구 세트)

목차 ------ 0:33 2D 그래픽 도구 1:35 UI 도구 4:19 3D 그래픽 도구 4:57 웹/앱 개발 및 퍼블리싱 도구 7:48 운영 및 업무문서 도구 오랜만에 인사드립니다. 늦었지만 새해 복 많이 받으세요. 여러분~ 혼자 일하다 보니 업무 없는 조금 한가할 때 영상을 올리고 있습니다. 너그러히 양해 부탁 드립니다. 2020년! 한 해 동안 원격 업무나 디자인 및 개발 업무를 위해 디너랩이 최애하고 사용할 도구 10가지를 소개합니다. 참고로 여기서 소개한 모든 도구들은 모두 제가 업무용으로 사용하기 위해 구독하고 있거나 구매한 도구들입니다. 다시 한번 광고가 아님을 밝혀 드립니다. ^^ 정정합니다! 어피니티는 영국 세리프라는 회사에서 개발한 도구 이름입니다. 영상에서 언급된 도구 및 자료들 ----- 1, 2. Affinity Photo & Design - https://affinity.serif.com/en-us/ 3. Figma - https://www.figma.com/ 4. Protopie - https://www.protopie.io/ 5. Vectary - https://www.vectary.com/ 6. Webflow - https://webflow.com/ 7. 아임웹 - https://imweb.me/ 8. 미로(보드) - https://miro.com/ 9. 노션 - https://www.notion.so/ 10. 모두싸인 - https://www.modusign.co.kr/ Roman Kremianski - https://www.youtube.com/channel/UCgFVL92hN2FYNitakciij2w


2020년. 당신이 프리랜서 또는 원격 업무를 하는 디자이너라면 꼭 알아야 할 도구 10가지! (Feat. 디너랩 비즈니스 도구 세트)

Figma Tutorial: Components - Swapping and States

Figma is free to use. Sign up here: http://bit.ly/2lnBAll In this video we'll show you how to take Components to the next level by swapping instances and managing state. If you're new to Figma's Components feature, be sure to watch "Components - The Basics" and "Components - Organizing Components" first. 0:00 - Why are components useful 0:30 - How are components used 1:03 - How to swap out instances 2:55 - How to swap between states If you have questions along the way head over to our user forum (https://spectrum.chat/figma) and connect with other Figma users.


Figma Tutorial: Components - Swapping and States

Figma Tutorial: Components - Organize Your Components

Figma is free to use. Sign up here: http://bit.ly/2tqcvK5 In this video we'll show you how you can organize the Components you use in your designs. If you're new to Components in Figma, be sure to watch "Components - The Basics" to get started. 0:00 - Why should you organize components 0:35 - How to group components 1:18 - Using pages to help further organize components 1:53 - Changing fill to help organize components 2:08 - Renaming components If you have questions along the way head over to our user forum (https://spectrum.chat/figma) and connect with other Figma users.


Figma Tutorial: Components - Organize Your Components

Figma Tutorial: Components - The Basics

Figma is free to use. Sign up here: http://bit.ly/2K5jJ0p In this video we'll cover the basics of Components and how they can be a powerful addition to your design workflow. 0:00 - What are components and instances 0:40 - How to create components 1:25 - How to create a component instance 2:00 - How to view components 2:20 - How to use components 2:52 - How to override an instance 3:36 - How to reset instances 3:51 - How to detach an instance 4:23 - How to restore a master component 4:36 - How to resize a component 5:05 - Outro If you have questions along the way head over to our user forum (https://spectrum.chat/figma) and connect with other Figma users.


Figma Tutorial: Components - The Basics

In the file: How to use auto layout and other features to make life better

Learn how Ramy Majouji, Product Designer at Glossier, and Joey Banks, Designer Advocate at Figma, use Auto Layout and other features to speed workflows up for their fellow designers and non-designers. Sign up for free: https://bit.ly/2JLqfHE


In the file: How to use auto layout and other features to make life better

Figma in 5: Auto Layout

Ready to level up your skills? Got five minutes? Join us for this brand new series, meant to level you up in a rapid-fire, tip stacked deep-dive on a topic. This time, we're talking Auto Layout. Stay tuned by subscribing for next week's Figma in 5, dropping on Tuesday. #Figma #FigmaIn5 #AutoLayout


Figma in 5:  Auto Layout

Figma tutorial: Card component with auto layout

Figma is free to use. Sign up here: http://bit.ly/2MChQLD Auto Layout can be added to Frames to create dynamic Frames and Components that respond to the size of their child objects, such as a button that grows with the length of its label. In this video we'll teach you more advanced Auto Layout techniques to create a flexible card component for a trip planning website. Tripma Design File: http://bit.ly/3nWIgV5 Learn more on our Help Center: Create dynamic designs with Auto Layout: http://bit.ly/2vXWMXB Behind the feature: the making of the new Auto Layout: http://bit.ly/3nYwkm2 Timestamps: 00:00 Auto-Layout For Card Component 00:07 Previous Videos 00:22 Tripma Design File 00:27 Creating Text Layers 00:41 Adding Auto Layout 00:57 Finishing Up The Card Details 01:21 Adding an Image 01:34 Placing the Image 01:59 Image Overflow 02:26 Creating Borderless Auto Layout Card 02:48 Functionality Quirks 02:54 Longer Description 03:28 Resizing The Card 03:39 Horizontal Resizing 04:00 Vertical Resizing 04:05 Fill Container Explanation 04:32 Changing to Hug Contents 04:47 Finishing Up The Card Component 05:02 Exploring Other Designs 05:25 Creating New Text Layers 06:06 Packed to Space Between 06:28 Title to Resizing 07:02 Card Row Introduction 07:08 Creating The Row 07:22 Resizing The Row 07:35 Horizontal Resizing 07:59 Text Wrapping 08:51 Changing The Image to Fixed Height 09:20 Card Details Resizing 09:35 Matching The Cards Heights 10:17 Overwriting Card Details Vertical Resizing 10:33 Changing to Fill Container 11:20 Wrap Up #Figma #FigmaTutorial #AutoLayout Music: Mitsubachi by Smith The Mister https://smiththemister.bandcamp.com Smith The Mister https://bit.ly/Smith-The-Mister-YT Free Download / Stream: http://bit.ly/mitsubachi Music promoted by Audio Library https://youtu.be/0IgndUb1YQI


Figma tutorial: Card component with auto layout

Figma tutorial: Auto layout navigation menu

Figma is free to use. Sign up here: http://bit.ly/2NeTyr7 Auto Layout can be added to Frames to create dynamic Frames and Components that respond to the size of their child objects, such as a button that grows with the length of its label. In this video we'll teach you more advanced Auto Layout techniques to create a navigation menu using the button we created in the previous video. Tripma Design File: http://bit.ly/3nWIgV5 Learn more on our Help Center: Create dynamic designs with Auto Layout: http://bit.ly/2vXWMXB Behind the feature: the making of the new Auto Layout: http://bit.ly/3nYwkm2 Timestamps: 0:00 Auto-Layout For Navigation Menus 0:20 Creating List Item 0:40 Creating A Row 0:50 Space Between Property 1:07 Direction Property 1:27 Adding Another List Item 1:41 Adding A New Item 2:03 Changing An Item's Position 2:26 Adding An Avatar 2:45 Hiding The Avatar 3:35 Adding The Logo 3:44 The Tripma Design File 4:01 Alignment Flyout Menu 4:24 Changing to Fixed Width 5:01 Changing from Packed to Space Between 5:52 Adjusting The Padding 6:01 Using The Design 6:19 Constraints and Resizing Properties 7:00 Conclusion 7:13 The Next Video 7:21 The Tripma Design File #Figma #FigmaTutorial #AutoLayout Music: Mitsubachi by Smith The Mister https://smiththemister.bandcamp.com Smith The Mister https://bit.ly/Smith-The-Mister-YT Free Download / Stream: http://bit.ly/mitsubachi Music promoted by Audio Library https://youtu.be/0IgndUb1YQI


Figma tutorial: Auto layout navigation menu

Figma tutorial: Auto layout button

Figma is free to use. Sign up here: http://bit.ly/3itfdYc Auto Layout can be added to Frames to create dynamic Frames and Components that respond to the size of their child objects, such as a button that grows with the length of its label. In this video we'll teach you the basics of using Auto Layout by creating a button from a single text layer. Tripma Design File: http://bit.ly/3nWIgV5 Learn more on our Help Center: Create dynamic designs with Auto Layout: http://bit.ly/2vXWMXB Behind the feature: the making of the new Auto Layout: http://bit.ly/3nYwkm2 Timestamps: 0:00 How Auto Layout Works 0:31 Series Overview 0:41 Tripma File 0:47 Creating The Text 0:56 Adding Autolayout and Fill 1:16 Autolayout Properties 1:23 Directions 1:25 Space Between 1:39 Padding Around Items 2:07 Alignment and Padding 2:21 Individual Padding 2:26 Resizing Properties 2:35 Hug Contents 2:44 Interaction Diagram 2:53 Text Resizing 3:12 Wrapping Up The Button 3:34 Conclusion #Figma #FigmaTutorial #AutoLayout Music: Mitsubachi by Smith The Mister https://smiththemister.bandcamp.com Smith The Mister https://bit.ly/Smith-The-Mister-YT Free Download / Stream: http://bit.ly/mitsubachi Music promoted by Audio Library https://youtu.be/0IgndUb1YQI


Figma tutorial: Auto layout button
< 1 2 3 4 5 6 7 8 9 10 ... 16 17 >